Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 3, 2016 at 10:13 pm #577374
    Gal726

    travelmobileweb

    The password is in the private content.

    I can’t figure out how to get the two elements i put next to each other (the form and content to the left) to act as a block and change in width. i know the selector is this: #top .flex_column_table

    however, whenever i try to apply the class i assigned to both of those elements to that selector, it doesn’t work. (imafloater)

    Please help! i’m losing my mind. and yes. it’s already in a color section. i’m trying to figure out how to make a div out of two elements within a color section. thank you!

    • This topic was modified 8 years, 9 months ago by Gal726.
    February 4, 2016 at 3:11 am #577473
    Elliott

    Hi Gal726!

    I viewed your link but I’m not sure I understand. Can you take a screenshot and highlight what your trying to do so we can get a better idea?

    Regards,
    Elliott

    February 4, 2016 at 1:49 pm #577767
    Gal726

    i can’t put screen shots in here.

    i need to take the two columns and turn them into a container. but they are already in a color section.

    February 4, 2016 at 5:08 pm #577866
    Yigit

    Hi!

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Have you tried using Grid Row elements instead of Color Section?

    Cheers!
    Yigit

    February 5, 2016 at 11:49 am #578437
    Gal726

    i actually figure it out :)

    travelmobileweb

    .page-id-4629 .flex_column_table {
    width:80% !important; margin: 0 auto;
    }

    that was the code i needed to use.

    HOWEVER
    Now i’m in a new dilemma

    i need it that specific class to be width 100% on mobile. right now its set on 80% (it needs to be 80% on desktop)

    i can’t get the class to work when i apply it to the media query css:

    @media only screen and (max-width: 800px) {
    .responsive #top .flex_column_table {
    display: block;
    width: 100% !important;
    }}

    how do i fix it?

    • This reply was modified 8 years, 9 months ago by Gal726.
    February 5, 2016 at 11:51 am #578438
    Gal726

    in short. it looks absolutely horrible on mobile and i need your help :)

    NEW LINK:

    travelmobileweb

    PW: 123456

    February 5, 2016 at 11:56 am #578443
    Gal726

    btw- it has to be in a color section because the background needs to take up the whole page. does that make sense? i need the image to be the entire page so i can’t use a grid row

    February 7, 2016 at 8:04 am #579141
    Ismael

    Hey!

    If you want the width to be 100% on mobile, use this:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 100%;
    max-width: 100%;
}
}

    The default width (85%) looks better though.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.