-
Search Results
-
I have recently had some amazing help to create some custom adjustments to the theme which have pretty much worked great, subject to a few remaining tweaks in other posts. However I still have an issue with the responsive version of the custom full width semi-transparent header with menu above. It only has the colour block across the middle of the page and not right to the edges as we want.
Can anyone help please?
Below is a copy of my custom css and also a screenshot from my iphone6 showing what I mean at the top.

####
#footer .container {
width:100% !important;
max-width:100% !important;
padding:50px !important;
}#fullwidthsection .container {
width: 90% !important;
max-width: none !important;
}
.logo img {
top: 10px !important;
}.widgettitle { font-size: 20px!important; }
div .copyright {
width: auto!important;
}.av-image-caption-overlay-center p{
margin-top:100px !important;;
}.avia-button {
font-size: 25px!important;
}.av-section-bottom-logo.header_color .container {
background-color: rgba(255,255,255,0.5) !important; }
.av-section-bottom-logo.header_color + div + .avia-section {
margin-top: -135px;
}.av-section-bottom-logo.header_color .container, .av-section-bottom-logo.header_color .container .inner-container {
width: 100% !important;
max-width: 100%;
}
.avia-button.avia-size-large {
border-radius: 100px;
}
@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}.responsive .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}.logo img { max-height: 48px; }
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 80%;
height: auto !important;
margin-bottom: 10px;
}}.responsive .toggle_icon {
width: 15px !important;
}Topic: Disable Menu & Style Header
Hi, I found the following code to disable the mobile menu and display the regular screen navigation bar. However, my menu items are 2 lines on some mobile screens (iPhone 7-vertical) so the styling is a bit off since the Contact menu item shows up on the 2nd line and is below the header border. How can I fix this?
Code that is currently entered under General Styling:
@media only screen and (max-width: 767px) { .av-main-nav > li > a { height: 50px!important; line-height: 50px!important; } .avia-menu.av_menu_icon_beside { margin-top: -90px; }.responsive #header .main_menu .social_bookmarks { top: 20px; } }Topic: Masonry Gallery Center
Hey guys – I found someone with a similar request but I didn’t find the solution to their thread: https://kriesi.at/support/topic/masonry-gallery-center/
I have seven items and they need to be stacked in the same way that the wine bottles are above.
What kinds of CSS would be needed?
Hello Team,
Most of my navigation is within the first fold of my webpage, so my client had me remove the top page nav, and just have the magnifying glass option. I’d really like to remove the ‘hamburger-style’ navigation button on mobile, and replace it with just the search feature.
In the future, it would be nice if both were static boxes where one could type in at any time vs. the magnifying glass and search box just appearing after one clicks it. I can open up a new support-request for this option if need be, thought I’d mention it since we’re on the topic though!
Here is my current quick CSS overall:
.team-member-name, .team-member-job-title { text-align: center; }
.avia-team-member .team-member-name {
font-size: 14px !important;
}body .column-top-margin {
margin-top: 5px;
margin-bottom: 5px;
}.avia-slideshow-inner {
height 300px !important;
}.avia-slideshow { margin-bottom: 0px; }
#menu-item-search > a:nth-child(1) > span:nth-child(1) {
display: block;
float: left;
}.span.avia_hidden_link_text:nth-child(3) {
display:none;
}#menu-item-search [data-av_icon]:before {
float: left;
margin-right: 10px;
}.toggler { text-align: center !important; }
.iconbox a, .iconbox .custom-class:hover {
background-color:;
}.avia_textblock { padding: 10px; }
#top .avia-button-fullwidth {
padding: 15px 15px 12px;
}
#top .avia-button-fullwidth {
font-size: 13px;}
a.av-icon-char:hover span {
color: #;
}.av_font_icon.av-icon-style-border .av-icon-char { padding: 12px; }
#top .avia-icon-tooltip { font-size: 10px!important; }.iconbox .iconbox_content .iconbox_content_title {
font-size: 10px;
}
.icon_caption {font-size: 10px;}.avia_transform .avia-icon-list .iconlist_icon {
opacity: 1 !important;}#footer .widget {
text-align: center;
}
Viewing 30 results - 85,231 through 85,260 (of 142,828 total)
