Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #537271

    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

    #537445

    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

    #537456

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

    #537871

    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

    #538930

    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

    #538933

    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

    #538939

    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

    #539409

    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

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