Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Move a form group right of a div without a wrapper?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #269566
    motion2082
    Participant

    Hey guys,

    Is there any easy way to do this https://imgur.com/a/47FQ3 ?

    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

    #269571
    Paulie_D
    Member

    It does have a wrapper div already doesn’t it…the .options div.

    I’d start there.

    #269573
    motion2082
    Participant

    Hi Paulie :)

    The .options div wraps the form-group but the next div .journal-custom-tab is below the wrapper not inside it.

    Do you think I should move .journal-custom-tab inside the .options div?

    #269575
    motion2082
    Participant

    A little hack but this works

    #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;} 
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.