Forum Replies Created

Viewing 30 posts - 1 through 30 (of 542 total)
  • Author
    Posts
  • in reply to: 3 lines border options for top header area. #1489942

    I think I got it, but this cache is crazy. thanks

    in reply to: 3 lines border options for top header area. #1489938

    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

    in reply to: 3 lines border options for top header area. #1489937

    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.

    in reply to: 3 lines border options for top header area. #1489936

    any ideas to clear cache? I tried plugins. looks good on desktop but not right on mobile view

    in reply to: 3 lines border options for top header area. #1489902

    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.

    in reply to: 3 lines border options for top header area. #1489894

    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!

    in reply to: 3 lines border options for top header area. #1489872

    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?

    in reply to: Top Color Section on home page, is just white space #1489863

    Wow, 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.
    in reply to: Top Color Section on home page, is just white space #1489842

    Sorry, last thing to add. It shows fine on Mobile view also. What is going on??

    in reply to: Top Color Section on home page, is just white space #1489841

    I 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!

    in reply to: 3 lines border options for top header area. #1489837

    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!!

    in reply to: 3 lines border options for top header area. #1489825

    I added this to CSS but nothing happened. How do I test these?

    in reply to: enfold right justify footer links #1489377

    thanks!

    in reply to: stretched images on mobile view #1489301

    thanks!

    in reply to: stretched images on mobile view #1489293

    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.

    in reply to: Flyout Menu Sub Sub Menu Colors – Mobile and Desktop #1488432

    Please let me know on this. thanks!

    in reply to: increase size of logo and burger icon on mobile view #1488269

    I 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.
    in reply to: increase size of logo and burger icon on mobile view #1488227

    but 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?

    in reply to: increase size of logo and burger icon on mobile view #1488209

    Perfect! Now I just need the header to be sticky on mobile view.

    in reply to: increase size of logo and burger icon on mobile view #1488117

    I was just thinking to increase both, with a larger header.

    What would it look like if the logo “breaks out”?

    in reply to: increase size of logo and burger icon on mobile view #1488114

    Can 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

    Your awesome, thanks!

    Thanks! 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

    Your 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.

    Got 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 desktop

    Thank you!

    Same 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.

    You 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

    Let me know if anyone can help with this. Really need to get this final items done. thank you!

    in reply to: How to hide the Google Invisible reCAPTCHA badge #1484313

    Please let me know on this. I am stumped

    Please let me know on this when you can. This is the last thing before we are good. thanks!

Viewing 30 posts - 1 through 30 (of 542 total)