-
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;
}Hi
I have a website with the logo and menu in sidebar left layout option – it’s a single page website.
Now i want to use smooth scrolling that’s build in in enfold and linked my menu links to the different color section anchor points on the page. Everything works fine.I used the hack from comitzuu and added an offset value, so when i press the menu link, the color section has a nice little offset to the browser window frame.
https://kriesi.at/support/topic/adding-offset-value-to-smooth-scrolling-anchor-links/#post-434032But now when i scroll the active menu class in the menu changes when the new color section hits the browser frame …
I’d like to apply the current class at the same offset value like described before.Is this possible? And which changes in avia.js do i have to do?
Thanks you so much.
Hello,
can you please help me with layerslider? It looks stretched but I do not know why. The image is 1920x, my laptop is 1350x width, but still the slider is stretched and shows width 2340px when I inspect some elements.
Thank you for any help!
Viewing 30 results - 85,141 through 85,170 (of 142,736 total)
