Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 7, 2018 at 1:10 am #994157
    Levante Golf

    Hi,

    I´m using the following code in order to allow words to fit on to one line:

    @media only screen and (min-width: 1024px) {
    .page-id-758 div .av_one_third {
    margin-left: 2%;
    width: 80%;
    }
    }

    However it is adversely affecting the footer on this page placing what should be split over 3 columns into 1 column. See page below. Can I alter the CSS so that it affects all on this page apart from the footer?

    Many thanks

    August 7, 2018 at 7:44 am #994252
    Rikard

    Hey ProTravelGolf,

    Please try this instead:

    @media only screen and (min-width: 1024px) {
.page-id-758 .template-page .av_one_third {
margin-left: 2%;
width: 80%;
}
}

    Best regards,
    Rikard

    August 7, 2018 at 8:33 am #994266
    Levante Golf

    Rikard,

    Wow! Perfect! You guys are awesome!!

    Thanks a lot!!!

    August 7, 2018 at 11:21 am #994333
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 7, 2018 at 12:02 pm #994366
    Levante Golf

    Rikard,

    Thank you! You can close this topic now!

    Thanks again

    August 8, 2018 at 8:38 am #994716
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Page width css affecting footer’ is closed to new replies.