Hi guys,

I´m facing some issues with the header and the socket on mobile and wasn´t able to find the answers to fix my problems in the other threads.

1.) I would like to reduce the height of the dark grey header bar above logo and main menu to a minimum without sacrificing usability
2.) The search bar / icon doesn´t show on mobile. How can I add it left of the main menu or anywhere visible?
3.) The footer menu isn´t centered (Über uns, Presse etc.). How can I fix that?

I´m currently using this code:
/*Social Icons Menu*/

#top .social_bookmarks li a {
width: 55px;
line-height: 42px;
margin-top: -5px;
margin-bottom: 100px;
margin-right: 0px;
margin-left: 0px;
padding: 0;
min-height: 40px;
font-size: 20px;
color: #ffffff;
}

.av-social-link-mail a:hover {
background-color: #ff8d3f !important;
}

#footer .widget {
text-align: center;
}

#socket .copyright {
text-align: center;
display: block;
width: auto;
}

#socket .copyright { width: 100%; text-align: center; }
#socket .sub_menu_socket { margin-top: -60px;
margin-right: 400px;
}

#socket .copyright { display: none; }

.post-meta-infos, .news-time{
display: none;
}
.blog span.post-meta-infos * {
display: none;
}
.blog span.post-meta-infos time{
display: block;
}
.news-time {
display: none;
}
.entry-content .post-meta-infos {
display: none;
}

span.av-masonry-date {
display: none;
}

#top .av-main-nav { font-family: Oswald; }

.logo {
margin-left: -20px;
}

/*Responsiveness*/

@media only screen and (max-width: 767px) {
.responsive #socket .sub_menu_socket {
display: block !important;
width: 100%; text-align: center; position: relative; top: 15px;
}}

@media only screen and (max-width: 480px) {
#socket .sub_menu_socket li {
line-height: 1.5em;
}

#socket .sub_menu_socket li:first-child {
border: none;
padding-left: 40;
}

.responsive #socket .sub_menu_socket {
position: absolute;
margin-left: 0;
}

.responsive #socket .container {
min-height: 80px;
}

#socket .copyright {
position: absolute;
left: 0;
bottom: 0;
}}

/*Datum etc. aus Beitrag entfernen*/
span.post-meta-infos {
display: none;
}

/*Datum aus Suchergebnissen entfernen*/
.search-results .entry-format,
.search-results .posted-on,
.search-results .comments-link,
.search-results .edit-link {
display:none;
}

Could you help me with any quick css or other tweak that I can use to achieve this?

Thanks a lot.

Best regards
Mischka

I have some CSS in the quick CSS field but since the last update the CSS does not work. I have copy pasted the css below. Why is this not working anymore?

/* START – do not show logo in desktop design */
.logo { display: none; }
/* END */

/* START – do not show logo in mobile design */
@media only screen and (max-width: 767px) {
.responsive .logo { display: none !important; }

/* div .main_color .tabcontainer .active_tab_content { background-color: #0694D2; }
*/

div .main_color .tabcontainer .active_tab { background-color: #EF7F1B; color: white;}

/* START – remove arrows to previous and next gallery */
#top .avia-post-nav { display: none; }
/* END */

/* start – position and thickness line under main menu */
.avia-menu-fx { bottom: 10px; }
.avia-menu-fx {
height: 3px;
width:74%;
left:13%;
}
/* END */

#advanced_menu_toggle, #advanced_menu_hide {
margin-top: 10px;
}

#header_main {
min-height: 82px;
}
}
/* END */

Hi,

I’m trying to hide/show the same element with slight modifications for optimisation for large screens, average laptops & mobile devices.

Basically I need to change the display setting for portrait background images I have on a grid row in order that they display properly on all three device sizes.

This is the code I’m using in quick CSS.

@media only screen and (min-width: 990px) {
.show-on-mobile { display: none !important; }}
@media only screen and (max-width: 990px) and (min-width: 1500px) {
.show-on-laptop { display: none !important; }}
@media only screen and (max-width: 1500px) {
.show-on-large-screen { display: none !important; }}

Can you tell me where I’m going wrong?

K Rgds,
C

Dear Support,

we have on different pages a “Fullwidth Sub Menu”. It’s not working on different cell phones, if checkbox not selected at:
“Sticky Submenu – If checked the menu will stick at the top of the page once it touches it”

If the box not selected, it’s wont open. Only the Hamburger is displayed.

And Yes: Please test ist at your side. I have all other plugins deactiavted for test.

And my other bug report, with the unvisible / disappearing field at the partner & Logo slider is also not solved since xx month.

Cheers

Hello team!

I wanted to know how I could take the alternate logo on the mobile version, take the main logo on this web http://brickfunding.com/

In desktop version, the logo is white with glassy background, and on the phone the logo is not white, take the default logo.

Thank you!