Forum Replies Created
-
AuthorPosts
-
May 25, 2025 at 12:06 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484629
Your 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 1 week, 4 days ago by
bemodesign.
-
This reply was modified 1 week, 4 days 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 1 week, 6 days 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!
May 15, 2025 at 2:37 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484264great job! Just a couple more issues if you can help with these. I might need update CSS code.
1. on desktop the logo is not center with the buttons: screenshot: https://img.savvyify.com/image/logo-off-center.9wllh
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
3. on desktop, can you make the top address bar sticky? It is already on mobile, but not desktopThank you!
-
This reply was modified 2 weeks, 3 days ago by
bemodesign.
I just randomly tried to readd video and it shows now. weird
-
This reply was modified 3 weeks, 1 day ago by
bemodesign.
May 9, 2025 at 7:41 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1483942Ok great, but can you get me CSS for smaller Font size for all the “sub menu” items? (So the Main menu fonts size is larger and the Sub Menu is smaller.)
I just tried in incognito and it worked fine.
The bottom video on this page still doesn’t work and show the text link instead of youtube video.screenshot: https://img.savvyify.com/image/Screen-Shot-2025-05-01-at-9.44.40-AM.9tdkj
Sorry about that, here is the login:
May 2, 2025 at 8:18 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1483525Please let me know on this when you can. thanks
thanks!
No, I was not editing it and the site is loading fine.
It will not show on this page, it just shows the link and not the youtube preview. How can I fix this?
screenshot: https://img.savvyify.com/image/Screen-Shot-2025-05-01-at-9.44.40-AM.9tdkj
That is a video that is at the beginning of the web page. I am talking about the one towards the bottom of page. Horizontal video
But its not a short. I also tried this and it doesn’t work: https://www.youtube.com/watch?v=wM4sJhi-Gb0
This is the youtube link, so what will work? I’ve tried both ways. A similar video works on another project page I have. Its just this video.
any ideas. The video on the bottom of this page still wont load, but other videos with similar urls will.
screenshot: https://img.savvyify.com/image/Screen-Shot-2025-05-01-at-9.44.40-AM.9tdkj
May 2, 2025 at 3:58 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1483465I created this screenshot to help with what I need code for: https://img.savvyify.com/image/menu-color-and-size.9tVgz
Thank you!
May 2, 2025 at 3:03 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1483464And the last menu item is the Address. Is there a way to just make that text size smaller? Thanks!
This is the link on the page that isn’t loading: https://youtu.be/wM4sJhi-Gb0/
And this is a link to video that works on a different page: https://youtu.be/3paB1e6lFRM
they have the same format, but one doesn’t load.
But the bottom main video still isn’t working and doesn’t have any query! That is what I am trying to say. Check out the video towards the bottom of this page. It won’t load and just showed text link.
This is the page and the video link towards the bottom, horizontal video:
https://sonoranwaters.armourcloud.io/portfolio-item/paradise-valley-pool-remodel-modern-elegance-with-infinity-edge-spa/#screenshot: https://img.savvyify.com/image/Screen-Shot-2025-05-01-at-9.44.40-AM.9tdkj
I’ve tried all extensions. https://youtu.be/wM4sJhi-Gb0/
thanks!
That’s not it. I’ve tested this out also. There is another video on this same page that doesn’t work still. It doesn’t now “share”. But I wonder how the top video is working now? Anyways, do you know why the bottom one still isn’t.
This is the page and the video link:
https://sonoranwaters.armourcloud.io/portfolio-item/paradise-valley-pool-remodel-modern-elegance-with-infinity-edge-spa/#And a quick side question: Do you have suggestions if I wanted to protect our work photos with a watermark or “no-save” options? I see a couple watermark, but there isn’t much control over opacity and what images it does. thanks!
Never mind. I switched ideas completely. thanks
The Easy Slider on the 3 property pages are stretched also. I could reduce this code, and then it fixes the stretch of the Easy Sliders, but then it makes the home page Full Width Slider ‘not’ stretched like I want.
@media only screen and (max-width: 768px) {
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: 450px !important;
}
} -
This reply was modified 1 week, 4 days ago by
-
AuthorPosts