Hi,

Thank you for the screenshot.

You can use this css code to adjust the height of the title in the breadcrumb container.

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

  /* Add your Mobile Styles here */
  #top .title_container .main-title {
    line-height: 0.8em;
    margin-bottom: 20px;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

Do I need to add soms z-index code to ensure it’s always shown on top?

Yes, you have to adjust the z-index of the widget containing the search icon.

Best regards,
Ismael

Hey Tilman,

Thank you for the inquiry.

You can use the following css code to adjust the height of the burger menu items and the width of the overlay container.

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 2em;
    height: auto;
    padding: 15px 50px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll {
    width: calc(100vw - 65%);
}

Best regards,
Ismael

Hey Tilman,

Thank you for the inquiry.

You can use the following css code to adjust the height of the burger menu items and the width of the overlay container.

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 2em;
    height: auto;
    padding: 15px 50px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll {
    width: calc(100vw - 65%);
}

Best regards,
Ismael

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