Hi,

You can adjust the value for all breakpoints, including the first one, which applies to desktops or large screens. To adjust the style of the slider buttons on smaller screens, you can add the following css code:

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  #top .container .slideshow_inner_caption .avia-slideshow-button {
    margin-top: 10px;
    padding: 6px 8px;
    font-size: 13px;
  }
}

Best regards,
Ismael

Hey Brixton4G63T,
1: please see this thread for tabbing to the cookie banner buttons, this may not seem intuitive, so perhaps you will want to try a cookie bar plugin like Borlabs.
2: this can be achieved with a plugin, I don’t believe there has been a feature request for this.
3: this has a open feature request, please follow up in that feature request.
If you would like to request these features the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.

Best regards,
Mike

Hey rixi,
You will need to add a second masonry gallery below your desktop version for mobile, the current one will have your Image Number set to whatever you want on desktop:

Then set the Element Visibility to hide on small screens:

Then in your second element, set the mobile Image Number to 5:

Then set the Element Visibility to hide on large screens:

CSS will not work in this case, because it will cause the “load more” to not work.

Best regards,
Mike

Hey kalla77,
The sort feature will only show the categories for items loaded, it can not load sorting for items not shown. You can change the number of items shown on first load to show more sorting categories, or change the dates on one item from each category so when the page loads at least one item from each category will be shown.
See this thread: https://kriesi.at/support/topic/categories-not-displaying-in-masonry-blog/#post-209952

Best regards,
Mike

Hi,
I added this css:

@media only screen and (max-width: 767px) { 
.av-burger-overlay-active .av-burger-overlay-scroll,
 .av-burger-overlay-active {
    overflow: hidden;
}
#top #av-burger-menu-ul {
    vertical-align: top;
}
}

clear your browser cache and check.

Best regards,
Mike

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

#av-burger-menu-ul li.av-show-submenu > a > .avia-menu-text {
	color: blue;
}
#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
	color: yellow;
}
.html_av-submenu-hidden #av-burger-menu-ul .av-submenu-indicator:before {
	color: yellow;
	font-size: 20px;
}
#top #wrap_all #av-burger-menu-ul .menu-item-2846 {
	font-size: 12px !important;
}

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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top.home #wrap_all #av_section_3 .flex_column.av_one_third {
	width: 31%;
  margin-left: 6px;
}
}
 @media only screen and (max-width: 500px) { 
 	#top.home #wrap_all #av_section_3.main_color .flex_column.av_one_third h3 {
    font-size: 0.6em;
 	}
 }
 @media only screen and (min-width: 501px) and (max-width: 767px) { 
 	#top.home #wrap_all #av_section_3.main_color .flex_column.av_one_third h3 {
    font-size: 0.9em;
 	}
 }

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

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
#boxed-menu.av-border-cells .flex_cell {
    border-bottom: 1px solid #fff;
    border-left: none;
}
}

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

Best regards,
Mike

Hi,

Please try this CSS instead:

.html_elegant-blog #top .big-preview {
  max-width: 48%;
  display: inline-block;
  vertical-align: top;
}

.html_elegant-blog #top .entry-content {
  max-width: 48%;
  display: inline-block;
}

Best regards,
Rikard

stop

Hey bemodesign,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
  #top .isotope-item.special_av_fullwidth .av_table_col .entry-title {
    font-size: 24px;
  }
}

Best regards,
Rikard

Hey Fi5her,

That is core WordPress functionality, so it’s not theme related. This might help you out though: https://wordpress.org/support/topic/settings-menu-missing-2/

Best regards,
Rikard

Hi,

Thank you for the update.

You can try this css code to adjust the width of the header:

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  #top #header #header_main .container.av-logo-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .responsive #top #header #header_main .inner-container .logo {
    margin-left: 70px;
  }

  .responsive #top #header #header_main .inner-container .main_menu .avia-menu.av-main-nav-wrap {
    padding: 0 50px;
  }

  .responsive #top #header #header_main .inner-container .widget:nth-child(5) {
    margin-right: 50px;
  }
}

View post on imgur.com

Regarding the search form, please check this thread:

— https://kriesi.at/support/topic/how-to-move-the-search-box-into-the-sidebar/#post-1074058

Best regards,
Ismael

Hi,

Try to add this css code:

.responsive #top #main {
    margin-top: -1px;
}

View post on imgur.com

Best regards,
Ismael

Hey laptophobo,

Could you post a link to where we can see the results that you are getting please?

Best regards,
Rikard

Hi,

But I wonder how the top video is working now? Anyways, do you know why the bottom one still isn’t.

It’s working because we removed the query parameter as mentioned above. Please try it again.

Best regards,
Ismael

Hey fanlokbun,

Thank you for the inquiry.

You can create a custom footer page that can be selected under Enfold > Footer > Default Footer & Socket Settings > Page-based Footer options. In the footer page, add two sections, one for mobile and another for desktop view. To control their visibility on different screen sizes, go to Advanced > Responsive > Element Visibility settings. Let us know if you need more info.

View post on imgur.com

Best regards,
Ismael