- This topic has 5 replies, 2 voices, and was last updated 7 years, 9 months ago by
Tom.
-
AuthorPosts
-
April 22, 2015 at 1:15 pm #101333
Johan Falkbrink
I have one problem and that is that I get a big gap between the menu and the first picture what am I doing wrong …
April 22, 2015 at 1:18 pm #101334Tom
Lead DeveloperLead DeveloperLooks like you’re using some sort of page builder plugin?
The first two rows (one has a slider, one is just a 40px space) are still present on mobile, and creating the empty space.
Does your page builder plugin allow you to add a custom class to each row? If so, add a class like this:
hide-on-mobile
Then add this CSS:
@media (max-width: 768px) { .hide-on-mobile { display: none; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 22, 2015 at 9:26 pm #101399Johan Falkbrink
Hello again
Yes I use motopress and has now tried what you wrote but nothing happens makes zero what makes this … Have checked in different ways but nothing helps. Do you have another idea on how to do ??April 22, 2015 at 10:58 pm #101414Tom
Lead DeveloperLead DeveloperYou may have to check with the MotoPress developers.
From what I can see, the slider is being hidden on mobile, but the container for the slider is still visible, which is causing one gap.
I also see you may have a row inserted into MotoPress just to create extra spacing? If so, this row is also showing up on mobile, causing more of a gap.
Ask the MotoPress devs if you can add custom classes to each row – if so, you’ll want to add that class I gave you above. If not, they should have some sort of recommendation for you.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 23, 2015 at 2:41 am #101442Johan Falkbrink
If I put the short code in the GP hooks how do you write where it only to end up on a page and no more, and that there should be a gap during the show ???
April 23, 2015 at 9:03 am #101564Tom
Lead DeveloperLead DeveloperYou can use PHP to add hooks on certain pages.
For example, if my page is: mywebsite.com/my-page
I could do this:
<?php if ( is_page( 'my-page' ) ) : ?> This will only show up on mywebsite.com/my-page <?php endif; ?>
Not sure what you mean about the gap?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.