Forum Replies Created
-
AuthorPosts
-
I think I got it, but this cache is crazy. thanks
And the CSS seems to be a mess also. The burger icon on mobile view home page is white, but on other pages, it is correct. I don’t know how all this happened. Let me know i fyo ucan help. thanks
Please help if you can. I also have a FTP manager plugin, and tried deleting Cache. And mobile view for logo is still not updated to the white text version.
any ideas to clear cache? I tried plugins. looks good on desktop but not right on mobile view
This cache thing is killing me. I can’t figure out why desktop looks different than mobile view. Especially the logo and burger icon. The logo is supposed to have white wording and then blue. I have it setup correctly in the theme editor Transparency Options. Let me know if you can help please. I probably need the CSS cleaned up because I exported from another project. I just don’t know the code and what is needed.
Thanks again for all your help.
I might just go with the curly section divider to make this easier. Question though, why would my logo not update on mobile view, when it is correct on desktop view. This top logo has white wording when open, then switches to blue, when scrolled. But on mobile, they are both blue. Any ideas? I did all the cache already and nothing.
Thanks!
I like your svg separator! But I’m just unclear on how to add it. How do I add for every page and how will the menu look, since the wording is right over the lines. Can you help?
October 4, 2025 at 8:13 pm in reply to: Top Color Section on home page, is just white space #1489863Wow, I finally got it to show. How did this happen? I didn’t change anything. I deactivated 1 cache plugin and then used “WP Fastest Cache” like ten times, and it finally shows now. crazy.
thanks
-
This reply was modified 4 days, 4 hours ago by
bemodesign.
October 4, 2025 at 1:27 am in reply to: Top Color Section on home page, is just white space #1489842Sorry, last thing to add. It shows fine on Mobile view also. What is going on??
October 4, 2025 at 1:25 am in reply to: Top Color Section on home page, is just white space #1489841I even copied the page and put on a test page, and it all works: https://sonoranwaters.com/TEST/
It’s only the home page top part that is effected somehow.
Please let me know what you can do.
Thanks!I gave you access to site.
Could you take a look at try to add what you think is best? I think you know what I am looking to do.
I want it on every page and tried to also test a SVG divider, but it leaves a big space on mobile view.
Let me know what you can do, you always get me the best solutions.
Thanks!!
I added this to CSS but nothing happened. How do I test these?
thanks!
thanks!
I just need the homepage to look good on mobile. Right now it is too short and cuts off the button and words, after I removed that code.
can you get me css code to help home page main image, without stretching all the interior page Easy Sliders?
https://img.savvyify.com/image/Screen-Shot-2025-09-16-at-7.50.56-PM.yllj1
here is admin access.
August 23, 2025 at 2:39 am in reply to: Flyout Menu Sub Sub Menu Colors – Mobile and Desktop #1488432Please let me know on this. thanks!
August 19, 2025 at 8:43 pm in reply to: increase size of logo and burger icon on mobile view #1488269I think I got it. You are awesome. Please check to see if correct :
/* TEXT SHADOW FOR – Fullwidth Easy Slider – Headline: */
.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title
{text-shadow: 1px 1px 1px #717070;}/* TEXT SHADOW FOR – Fullwidth Easy Slider – Caption Text: */
#top .avia-slideshow .av-slideshow-caption .avia-caption-content p {
text-shadow: 1px 1px #717070;
}/* TEXT SHADOW FOR – ALL H1 headlines: */
.av-special-heading h1 {
text-shadow: 1px 1px #717070;
}/* TEXT SHADOW FOR – SPECIFIC H1 headlines: */
.av-special-heading.av-nlr5x-bb365aeef7c91c871c871ed41100301d h1 {
text-shadow: 1px 1px #717070;
}/* TEXT SHADOW FOR – subheading text: */
#top .av-subheading p {
text-shadow: 1px 1px #717070;
}#header_meta a, #header_meta span {
font-size:16px !important;
}.phone-info {
font-size: 18px;
}@media only screen and (max-width: 1023px) {
#header {
position: fixed !important;
height: 120px !important;
max-height: 120px !important;
}#top #header.av_header_transparency #header_meta {
background-color: transparent;
}#header_main {
border-bottom: none;
}#header:not(.av_header_transparency) #header_main {
box-shadow: 0 5px 5px rgba(182,182,182,0.75);
}.responsive #top .av-logo-container ,
.responsive #top .logo a,
.responsive #top .logo img,
.responsive #top .logo svg {
height: 120px !important;
max-height: 120px !important;
line-height: 120px !important;
}.responsive #top .av-main-nav .menu-item-avia-special a {
height: 120px !important;
line-height: 120px !important;
}.responsive.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
background-color: transparent !important;
}#top .header_bg {
background-color: transparent !important;
}#top #header:not(.av_header_transparency) .header_bg {
background-color: #FFF !important;
}.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate,
.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub {
display: block !important;
}.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img,
.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 0;
}/*** das hier individuell anpassen je nach dem ***/
#top #header.av_header_transparency #header_meta .phone-info * {
color: #FFF !important;
}.html_mobile_menu_tablet .header_color #header.av_header_transparency div .av-hamburger-inner,
.html_mobile_menu_tablet .header_color #header.av_header_transparency div .av-hamburger-inner::before,
.html_mobile_menu_tablet .header_color #header.av_header_transparency div .av-hamburger-inner::after {
background-color: #FFF;
}
.html_mobile_menu_tablet .header_color #header.av_header_transparency .menu-item-search a:before {
color: #FFF;
}
.responsive.html_header_top.html_mobile_menu_tablet #top #main {
padding-top: 120px !important;
}
.responsive.html_header_top.html_header_transparency.html_mobile_menu_tablet #top #main {
padding-top: 0 !important;
}
}@media only screen and (max-width:1023px) {
#avia-menu .menu-item {
display:none
}
.av-burger-menu-main.menu-item-avia-special {
display:block
}
}@media only screen and (max-width:767px) {
.responsive.html_header_top.html_header_transparency.html_mobile_menu_tablet #top #main #av_section_1 .content {
padding-top: 150px
}
}-
This reply was modified 1 month, 2 weeks ago by
bemodesign.
August 19, 2025 at 6:14 am in reply to: increase size of logo and burger icon on mobile view #1488227but now the pages that don’t have transparent backgrounds are up in the logo. Can you help adjust on mobile so I can move that down?
August 18, 2025 at 8:35 pm in reply to: increase size of logo and burger icon on mobile view #1488209Perfect! Now I just need the header to be sticky on mobile view.
August 15, 2025 at 9:15 pm in reply to: increase size of logo and burger icon on mobile view #1488117I was just thinking to increase both, with a larger header.
What would it look like if the logo “breaks out”?
August 15, 2025 at 8:14 pm in reply to: increase size of logo and burger icon on mobile view #1488114Can you get me code to make the Logo larger on mobile view, and also the burger icon? everything i try enlarges the logo, but then the Burger icon is not centered or small. thanks
May 25, 2025 at 12:06 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484629Your awesome, thanks!
May 23, 2025 at 11:26 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484605Thanks! Can you help with these please?;
1. How do I reduce space between address and phone number in the header?: https://img.savvyify.com/image/reduce-space.9wb5f
2. How to show Social Media icons larger on mobile view at the top
May 20, 2025 at 8:11 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484480Your the best!
Last things.1. How do I reduce space between address and phone number in the header?: https://img.savvyify.com/image/reduce-space.9wb5f
2. How to show Social Media icons larger on mobile view at the top
3. Still doesn’t have sticky top bar (address bar) on desktop view.
thanks!
-
This reply was modified 4 months, 2 weeks ago by
bemodesign.
-
This reply was modified 4 months, 2 weeks ago by
bemodesign.
May 19, 2025 at 2:40 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484421Got that and the logo is centered. It must not have saved at first.
So, just need these to be done. Can you give me CSS or fix, by looking at my code I sent?2. on mobile, the logo overlaps the buttons: screenshot: https://img.savvyify.com/image/overlaps-logo-on-mobile.9wyWp
3. on desktop their is a thin line under the address: screenshot: https://img.savvyify.com/image/remove-line-on-desktop.9wsV6
4. on desktop, can you make the top address bar sticky? It is already on mobile, but not desktopThank you!
May 18, 2025 at 11:29 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484417Same issues. Logo still shows left justified on desktop and on mobile view, the logo is over the top button. There must be code that is working against this. Below is my entire code if you can take a look and see whats wrong. I don’t have products either, so not sure why I have all this code.
I just need to fix these things and we are done with the website.
thanks for your help.product-sales-count {
font-size: 0.8em;
margin-top: 0;
top: -10px;
position: relative;
}/* TEXT SHADOW FOR – Fullwidth Easy Slider – Headline: */
.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title
{text-shadow: 2px 2px 2px #717070;}/* TEXT SHADOW FOR – Fullwidth Easy Slider – Caption Text: */
#top .avia-slideshow .av-slideshow-caption .avia-caption-content p {
text-shadow: 2px 2px #717070;
}/* TEXT SHADOW FOR – ALL H1 headlines: */
.av-special-heading h1 {
text-shadow: 1px 1px #717070;
}/* TEXT SHADOW FOR – SPECIFIC H1 headlines: */
.av-special-heading.av-nlr5x-bb365aeef7c91c871c871ed41100301d h1 {
text-shadow: 1px 1px #717070;
}/* TEXT SHADOW FOR – subheading text: */
#top .av-subheading p {
text-shadow: 1px 1px #717070;
}#header_meta a, #header_meta span {
font-size: 16px !important;
line-height: 17px;
}/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 80px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}@media only screen and (max-width: 1100px) {
.av-main-nav > li.menu-item { display: none; }
.av-main-nav > li.menu-item-avia-special { display: block; }
}.phone-info {
font-size: 16px;
}@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 18px !important;
}.responsive #top .slideshow_caption .avia-caption-content {
font-size: 16px !important;
line-height: 14px;
}.avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
height: 30vh !important;
}
}span.avia-menu-text {
text-transform: uppercase;
}.avia-section.av-minimum-height .container .content {
vertical-align: bottom;
}.avia-section.av-minimum-height.text-bottom .container .content {
vertical-align: bottom;
}
.avia-section.av-minimum-height.text-top .container .content {
vertical-align: top;
}.avia-button {
border: 1.5px solid !important;
}#top .avia-button {
border-radius: 5px !important;
}@media only screen and (max-width: 767px) {
body, body .avia-tooltip {
font-size: 20px;
}
}@media only screen and (max-width: 767px) {
.page-id-3230 .avia-builder-el-0.av-minimum-height-100:not(.av-slideshow-section) .container {
height: 767px !important;
}
}#main .sidebar a,
#footer a,
#socket a {
text-decoration: underline;
}
a.avia-button{
text-decoration:none!important;
}
@media only screen and (max-width: 989px){
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
background-color: transparent;
}
.responsive #top #main {
margin-top: 0;
}
}#top #wrap_all #socket .container {
text-align: center;
}#top #wrap_all #socket .container {
text-align: center;
}#top #wrap_all #socket .copyright {
display: block;
float: none;
clear: both;
text-align: center;
}#top .content .flex_column .widget_nav_menu li {
border-top-width: 0;
border-bottom-width: 0;
}#footer h3.widgettitle{
border:none!important;
}@media only screen and (max-width: 769px) {
.flex_column.av-l3szqp26-162f9236fd15346c9c727f5f94b66dce {
min-height: 50vh !important;
}
}.html_elegant-blog #top .post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .slide-meta,
#top .news-time {
display: none;
}html, body {
background-color: #fff !important;
}#header:not(.av_header_transparency) #header_main {
-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
}#top.single-product .product_meta {
visibility: hidden;
}.is-large.wc-block-cart .wc-block-cart-items th span {
font-size: 2em;
}table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
font-size: 2em;
}.wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input.is-active label {
display: none;
}#top div ul.product_list_widget li a {
display: block;
font-weight: bold;
font-size: 1.5em;
line-height: 1.6em !important;
}#top .dropdown_widget ul.product_list_widget li .quantity {
color: #000000;
font-size: 1em;
}#top .dropdown_widget .total span.woocommerce-Price-currencySymbol, #top .dropdown_widget .total {
color: #000000;
font-size: 1em;
}div .product-sorting {
display: none;
}@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top: 88px !important;
}
.responsive.html_header_transparency #top #main {
padding-top: 0 !important;
}
}.page-id-432 .components-flex-item input, .page-id-433 .wc-block-components-text-input input {
padding: 8px 116px;
}.wc-block-cart__submit-container a .wc-block-components-button__text {
color: #fff;
}.wc-block-components-address-form-wrapper .components-base-control__label {
top: -50px;
}.wc-block-components-address-form-wrapper .components-base-control__label {
top: -30px !important;
}#top .av-product-class-minimal img {
border-radius: 30px !important;
}
#top .av-product-class-minimal img {
border-radius: 30px !important;
}.select2-container–default .select2-results__option–highlighted[aria-selected], .select2-container–default .select2-results__option–highlighted[data-selected], #top .select2-results {
color: #000 !important;
}@media only screen and (max-width: 768px) {
/* Add your Mobile Styles here */
#top #bc-custom-section div .flex_column {
width: 46% !important;
margin-left: 3% !important;
border-radius: 30px;
}
}#top #bc-custom-section div .flex_column img {
border-radius: 30px;
}.woocommerce-Tabs-panel ul {
list-style: disc;
margin-left: 15px;
}.woocommerce-Tabs-panel ul, .woocommerce-product-details__short-description ul {
list-style: disc;
margin-left: 15px;
}#menu-item-150 > a > .avia-menu-text {
color: #f19809!important;
}#av-burger-menu-ul .menu-item-150 > a > .avia-menu-text {
color:#f19809!important;
}#menu-item-2076 > a > .avia-menu-text {
color: #f19809!important;
}#av-burger-menu-ul .menu-item-2076 > a > .avia-menu-text {
color:#f19809!important;
}.avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap {
border-radius: 30px;
}#footer .textwidget .menu-blissfull-main-menu-container p {
margin: 0;
width: auto;
display: inline-block;
}@media only screen and (max-width: 767px) {
.responsive .home #wrap_all #av-section-shop-category .flex_column {
width: 48%;
padding: 1%;
}
}ul.a-unordered-list.a-vertical.a-spacing-mini li {
margin-bottom: 20px;
}#top .price, #top .price span, #top del, #top ins {
display: inline;
text-decoration: none;
font-size: 24px;
line-height: 24px;
font-weight: 600;
}.page-id-389 .shop_columns_3 .products .product {
width: 100%;
}.page-id-91 .shop_columns_3 .products .product {
width: 100%;
}h1{
text-transform: capitalize !important;
}.template-page .entry-content-wrapper h1{
text-transform: capitalize !important;
}a.cart_dropdown_link {
font-size: 28px !important;
}#top a.cart_dropdown_link span[data-av_icon] {
font-size: 28px;
color: var(–enfold-header-color-color);
}#top #header .av-main-nav #menu-item-wc-account-icon > a {
color: #f19809;
font-size: 28px;
}/* Increase base font size on mobile devices */
@media only screen and (max-width: 767px) {
body,
p,
.entry-content {
font-size: 18px !important;
line-height: 1.6 !important;
}
}@media only screen and (max-width: 767px) {
#top .av-special-heading .av-subheading p {
font-size: 24px
}
}img[src*=”amazon-adsystem”] {
display: none;
}#top .av-burger-overlay-bg {
opacity: 0.8;
background: #000;
}——————–
div .logo {
left: 37%;
}
div.av-burger-overlay-bg {
background-color: rgba(0, 0, 0, .7);
}#top .av-burger-overlay-bg {
opacity: 0.8;
background: #000;
}#top .av-main-nav-wrap {
float: right;
position: relative;
z-index: 3;
padding: 0 !important;
margin: 0 0 0 15px !important;
}.header_color.av_header_transparency .av-hamburger-inner,
.header_color.av_header_transparency .av-hamburger-inner::before,
.header_color.av_header_transparency .av-hamburger-inner::after {
background-color: #FFF !important;
}#top .av_header_transparency .phone-info,
#top .av_header_transparency .social_bookmarks li a {
color: #FFF !important;
}#top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside {
border: none !important;
}#top .main_menu {
width: 170px
}#top .logo {
/*width: calc(100% – 170px);*/
width: 100%;
left: unset;
}@media only screen and (max-width: 767px) {
#av_section_1 .container.av-section-cont-open,
.page-id-910 #av-layout-grid-1 {
padding-top: 130px !important;
}
}#top .logo img {
left: 50%;
transform: translateX(-50%)
}@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
position: fixed;
}
}@media only screen and (max-width: 767px) {
#header .social_bookmarks {
display: none !important;
}
}#top #wrap_all #av-burger-menu-ul li {
font-size: 30px !important;
}——————-
#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: #f5c526;
font-size: 20px;
line-height: 20px;
}
.html_av-submenu-hidden #av-burger-menu-ul .av-submenu-indicator:before {
color: #f5c526;
font-size: 20px;
}
#top #wrap_all #av-burger-menu-ul .menu-item-2846 {
font-size: 24px !important;
}.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li.av-show-submenu li {
line-height: 20px;
}-
This reply was modified 4 months, 3 weeks ago by
bemodesign.
May 18, 2025 at 2:01 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484395You will have access now. Please let me know on the issues. The code is a mess but please help me fix this. And I really wanted to center the logo on desktop, but it needs to align with buttons. And on mobile, the logo is over the buttons.
thanks for all you help
May 17, 2025 at 4:01 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484358Let me know if anyone can help with this. Really need to get this final items done. thank you!
Please let me know on this. I am stumped
May 16, 2025 at 3:14 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484312Please let me know on this when you can. This is the last thing before we are good. thanks!
-
This reply was modified 4 days, 4 hours ago by
-
AuthorPosts