Move a form group to sit next to a div

HTML & CSS
1

Hey guys,

Is there any easy way to do this?

1529×978 251 KB

Without having to create a wrapper div?

Dev site is http://dev.fridayschild.com.au/gift-ideas/unisex-baby-gifts/unisex-baby-gift-hampers/a-special-arrival

Regards,
Paul

2

A little hacky but try something like this:

#product .options{
    float: right;
    position:relative;
    z-index:99;
    width:55%;
    width:calc(100% - 190px);
}
#product .options select{margin-left:0;}

@media screen and (max-width:400px){
    #product .options{float:none;width:auto;} 
}

It should result in this:

1390×732 119 KB

1 Like
3

Paul OB, I could kiss you mate

I love hacks :slight_smile: that looks perfect!

Added to the custom.css file on the DEV site, looks amazing

I was just about to give up on it :slight_smile:

4

Remind me not to answer any more of your questions :slight_smile:

2 Likes
5

LOL I will buy you a beer and promise not to kiss ya

2 Likes
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.