Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1412619

    I have a website for a walking route, that contains 26 pages in the route. Is there a way to create a pagination on the bottom of the page to scroll trough the other locations? To be clear, these are all pages, no blogs. Thanks!

    #1412650

    Hey mirr,

    Thank you for the inquiry.

    You might have to create the links manually in a code or text block using HTML. Please provide a link to the page so that we can better understand what you’re trying to do.

    Best regards,
    Ismael

    #1413505

    I see, I did a quick-and-dirty with one button at the back. I have one other question for you; I have a content section with a background ( a colored swirl in the right side of the screen) but on mobile it shows as a whole image before the page content. Can I hide the background of all pages on mobile? I tried giving it an ID and hide with CSS but it hides all my content. Thanks !

    #1413553

    Hi,

    Thank you for the update.

    Where can we find the content section with the background? Please provide a screenshot or a direct link to the page containing the section. The following css code should disable the background of an element.

    .custom-css-class {
       background: none !important;
    }

    Please ensure that you adjust the selector (custom-css-class) accordingly.

    Best regards,
    Ismael

    #1413748

    Hey, it doesn’t work. This code hides the whole content.

    All pages have this setup, I put a direct link in there. If you check this on mobile it gives a long background first, then the content.
    It needs to be hidden on mobile and the content needs to be at the top of the page. The weird thing is; the homepage has no background and is also not at the top of the page.

    #1414066

    Hi,
    Thank you for your patience and the link to your site, I didn’t find a custom class for your color section with the background image that you want to hide so I added: hide-background-image-on-mobile
    Enfold_Support_2606.jpeg
    and then I set the first 1/5 empty column to be hidden on mobile:
    Enfold_Support_2608.jpeg
    and then I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    @media only screen and (max-width: 767px) { 
    .hide-background-image-on-mobile {
    	background: none !important;
    }
    }

    and now on mobile the content is at the top of the page without the green background image, please clear your browser cache and check.

    Best regards,
    Mike

    #1414239

    Thank you so much, this worked, done it with all the pages.

    One last question; the titles on masonry gallery have quite a large height so that the images are not really visible, how can I change the height of the grey backgrounds?

    #1414253

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av-masonry-entry .av-inner-masonry-content {
        padding: 2px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1414686

    Thanks for your answer. Unfortunately the css changes nothing in the description heights.

    #1414695

    Hi,
    I don’t see the css added to your site, try adding it to your WordPress ▸ Customize ▸ Additional CSS

    #top .av-masonry-entry .av-inner-masonry-content {
        padding: 2px;
    }

    and clear your browser cache, or include an admin login so we can check.
    This is the result I see when I test:
    Enfold_Support_2701.jpeg

    Best regards,
    Mike

    #1414758

    works with the customize, thank you!

    #1414763

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Pagination’ is closed to new replies.