Nach oben Button integrieren und leere Felder in Mobiler Version entfernen?

Hey UFreeman,

1. Question: In the mobile version of my site, empty fields appear above the paragraphs. I know the fields are the layout elements that I use to break up the page and then populate it with content — on the web version it looks as intended, on the mobile version you can see it as an empty field above the content. How do I stop this display in the mobile version?

I believe that you want to hide three empty white boxes on your page for mobile, please see the screenshot in the Private Content area. These seem to be custom div’s in text block elements and all have the same ID so adding this css to your Quick CSS in the theme option will hide them all on mobile:

@media only screen and (max-width: 767px) { 
#simple-translate {
	display: none;
}
}

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

2. I want to include an up button that appears in the bottom right corner as you start scrolling down and brings you back to the top (like here in the forum, default). All earlier questions about this here send you to a place in the theme options that doesn’t exist for me or that maybe have a completely different name.

To show the “scroll to the top” button on mobile add this css to your Quick CSS in the theme option

@media only screen and (max-width: 767px) {
.responsive #top #scroll-top-link {
    display: block;
}
}

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

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,
There are two ways to do this, the first is outlined in our documentation here: How to add Custom Social Icons to Enfold options
Or if you are going to use an image you caan replace the rss-feed-icon with this css in your Quick CSS:

.social_bookmarks_rss a:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat center center;
    background-size: contain;
}

just adjust the image to suit and clear your browser cache.

Best regards,
Mike

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