Hi,
Glad Rikard could 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

Hey Swarez,
Thanks for the link to your page, I believe that if you used a different element than the masonry element this would work for you but the masonry element builds the grid after the page load so the height of the page changes. Try watching the scroll bar when you click to a page and then use the back button, on load the page shows the scroll bar scorlled as before but then the masonry element builds the grid changing the page height.
Try using the Blog element with the grid layout showing your portfolio items and see if that helps, in my test on my demo pages scrolling to a place on the page and then clicking to another page and then back again the page returns the same place. My research on stackoverflow.com says: If the content is loaded after page “load” event firing, then the back button would not take you back to the position you were. Because the browser scrolls before the ‘load’ event. and this is the case with the masonry element.
The Page scroll to id plugin suggests it may help with this, but I tend the think it doesn’t mean in this situation, but you could try it or perhaps a different plugin.
I think changing your element is probably the best option.
I note that your masonry element loads slowly for me, if you are using a plugin to lazy load try disabling it to see if it will load faster, this may help some.

Best regards,
Mike

Hi,
I believe this is the solution for both.

Best regards,
Mike

Hey davidv126,
It sounds like your issue is similar to this thread, please try the solution to see if it helps.

Best regards,
Mike

Hi,
Thanks for the links to your examples, this is my review of them:
This site popup under OUR WORK doesn’t show a full page only a little and uses an element like our ajax portfolio
This site under OUR PORTFOLIO doesn’t use popups, it links to a new page.
This site popup under WORKS doesn’t show a full page only a single image and a little text in a element on the page just like the text box solution I created for you earlier.

I changed the /popup-example/ page for you so you can see how the iframe popup works, first you use the link setting in your image and link to your other page with this at the end ?iframe=true then you need to disable the header and footer on the other pages and add css to make the lightbox as large as possible, I did this for you, please clear your browser cache and check.

Best regards,
Mike

Hey LiorMaymon,
Thank you for your patience to add a new social profile please see this subject in our documentation: How to add Custom Social Icons to Enfold options.
Here is an example of adding the TikTok social icon with some screenshots that may help explain, if you have any issues please include an admin login to your site in the Private Content area so we can be of more assistance.
For your portfolio to have a gap and have a title overlay:

try using the masonry element to display your portfolio items and set the title as an overlay:

and choose a large gap:

Best regards,
Mike

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

@media only screen and (max-width: 989px) { 
#mobile_footer .flex_column {
	text-align: center;
}
#mobile_footer .av_font_icon {
    display: inline-flex;
    margin: auto;
}
#mobile_footer .avia-icon-pos-right {
    float: none;
}
}

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

Best regards,
Mike

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

@media only screen and (min-width: 990px) and (max-width: 1250px) { 
    #top.page-id-3665 #vorstand .av_one_fourth {
    	width: 17.5%;
    }
    #top.page-id-3665 #vorstand .entry-content-wrapper {
    	transform: translate(7%, 0%);
    }
}
@media only screen and (min-width: 1251px) { 
    #top.page-id-3665 #vorstand .av_one_fourth {
    	width: 15.5%;
    }
    #top.page-id-3665 #vorstand .entry-content-wrapper {
    	transform: translate(10%, 0%);
    }
}

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

Best regards,
Mike

Hey menainfosec,
You would use the same script for this as in your H3 tags in the footer thread, so under:
replaceElementTag('#footer h3.widgettitle', '<p></p>');

add these two lines:

replaceElementTag('h5.av-share-link-description', '<p></p>');
    replaceElementTag('h3.widgettitle', '<p></p>');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Glad Nikko was 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

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

@media only screen and (max-width: 767px) { 
#top.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > a {
	display: none;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience but unfortunately I don’t see an easy way to create a grid of four on mobile, I recommend using your css to only show the main image, this looks like it’s working correctly.

Best regards,
Mike

Hi,
To show the border for https://enfold.mtboards.com/1-2/1-1/1-1-1/1-1-1-1/ try this css:

#top .widget_nav_menu ul ul .sub-menu, #top .widget_nav_menu ul ul .children {
    overflow: visible;
}

but for your last request we won’t know when your end of the pages in a section is and since you don’t want the parents included in the highlighting for the other levels we won’t know when to add it.
I don’t understand your highlighing scheme because to me it seems logical to have the parent and all siblings highlighted and have the current page bold, but that is just my thinking.

Best regards,
Mike

Hi,
Thank you for your patience, to change your current post image to 1200px x 630px without stretching them, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 630px;
    object-fit: cover;
}

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

Best regards,
Mike

Hi,
Thank you for your patience, typically when a element is hidden with css it is only hidden from view but it is still present in the source code. I’m not sure if the LayerSlider has a workaround for this, I would recommend asking the LayerSlider support team.
If they can’t offer a solution you may be able to modify this solution which removed a slider from the page on mobile, and according to the tests it did so before the element was downloaded. If you are also using the LayerSlider on mobile to show an image instead of the video try using two separate layersliders and remove the video one on mobile instead of trying to remove the video layer alone.

Best regards,
Mike