Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 17, 2015 at 1:57 pm #537271
    omardualtime

    Hi Enfold team,
    I’d like to know how can I set the max width to show the smartphone view of my website please ?
    Actually I have a gallery and block text on its right. When I look my site on desktop the text stay at the right of the gallery up to 768px, then the text passes under the gallery. I want it to pass under the gallery at a 800px width. How can I do this please ?
    http://www.dual-time.fr/audemars-piguet/royal-oak-automatique/
    Thanks !
    Regards,
    Omar

    November 17, 2015 at 5:20 pm #537445
    Elliott

    Hi omardualtime!

    Open up the /enfold/css/grid.css file and everywhere that you see this line.

    @media only screen and (max-width: 767px) {

    Change it to 800.

    Cheers!
    Elliott

    November 17, 2015 at 5:28 pm #537456
    omardualtime

    Thanks Elliott.
    Is there a possibility to do that only on one page targeted ?
    Thank you,
    Omar

    November 18, 2015 at 8:42 am #537871
    Rikard

    Hi,

    Yes, if you inspect the page in question you will find the page-id class in the body tag, you can then add something like this: 

    @media only screen and (max-width: 767px) {
.page-id-class classes or id's of the CSS you want to alter {
CSS arguments here
}
}

    Best regards,
    Rikard

    November 19, 2015 at 1:07 pm #538930
    omardualtime

    Ok thank you Rikard.
    Where should I change the id in the code please ? Can you show me an example please ?
    Thanks,
    Best regards,
    Omar

    November 19, 2015 at 1:16 pm #538933
    omardualtime

    In fact, I’d like to change the width of all my site with the exception of 2 pages. Is there a way to set up this easily ?
    Thanks,
    Omar

    November 19, 2015 at 1:33 pm #538939
    omardualtime

    I mean I’d like to change the max width to show the smartphone view in all my website with the exception of 2 pages.
    Thanks,
    Omar

    November 20, 2015 at 10:51 am #539409
    Rikard

    Hi,

    Add the page class where it says page-id-class. If you want to make changes just to two pages the same theory applies.

    Best regards,
    Rikard

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