Hi,

Thank you for the update.

On the first link or page, the pagination is positioned above the post, which means that the modification works. If you’d like to adjust the counter container, please try adding this css code:

#top .template-search.content .entry-content-wrapper {
    padding-right: 50px;
}

Best regards,
Ismael

Hey Nick_Skehan,
Please note that the height settings are for “minimum” height, your logo image in the color section is 354px with a lot of transparent space around it, try removing the transparent space so the image is smaller. The inner color section has a top and bottom padding of 50px, you can remove it with this css:

.home #av_section_1 .content.av-content-full {
	  padding-top: 0;
    padding-bottom: 0;
}

Also note that you are using a transparent header, which is 118px in height, so you should not count the height from the top of the screen, but from the bottom of the header, to see what I mean change the header Header visibility and transparency to No Transparency

Best regards,
Mike

Hey kurson,
Thank you for your patience but your page is not loading for me, the best way to have an alternative mobile view is to add another element with the mobile view that you want below your current desktop element and use the element Advanced ▸ Element Visibility to show them on the correct device size:

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey halkmarine,
Thanks for your patience, unfortunately for mobile this is not a good way to achieve is, instead try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to prevent the overlap:

@media only screen and (max-width: 767px) { 
	#menu-item-shop .cart_dropdown_link {
    padding: 0;
	}
  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    padding-right: 0;
    margin-right: -24px;
  }
}

After applying the css, please clear your browser cache and check.
This is the expected result:

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey David,

If you don’t own a license then you can purchase one here: https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990. The update to 6.0.6 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

I’m not sure if I need to open another topic on this. But here is my issue.

Yes, please open a new thread for this unrelated inquiry. We’ll close this thread for now.

Best regards,
Ismael

Hey Mariarita,

Thank you for the inquiry.

Would you like to adjust the position of the background on mobile view? Please try to add this css code:

@media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	#top .avia-section.av-dbfgfq-f2644380a901f8b152d8e61b95c6c28b {
		background-position: 80% 50%;
	}
}

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can try this css code instead:

#top .av-special-heading.av-csfzhy-f690435c7a4f1368fea2bacd1626ec2f {
    text-shadow: -1px -1px 0 white,  
                 1px -1px 0 white,  
                 -1px 1px 0 white,  
                 1px 1px 0 white;
}

Best regards,
Ismael

Hi!

Is there any way to apply the same efect to a column background image without border?

Yes, this should be possible. Please apply a unique class name (e.g., av-custom-rounded-column) to the column element in the Advanced > Developer Settings > Custom CSS Class field, then add this css code:

#top .av-custom-rounded-column {
   border-radius: 30px;
   overflow: hidden;
}

Cheers!
Ismael