I have deactivated active caching, ensured file compression is off, and activated deleted the old CSS/JS files, however adjusting any of the Main Menu Links options still won’t update any changes. I have tried on numerous browsers, including some that have never visited that page before but all menu items are still showing as white. Is there somewhere else I can look that would be causing this?

The following pieces od code are currently active in the quick CSS section. Would any of these be forcing the colour change?

.phone-info{
font-size: 13px}

#top .cart_dropdown { display: none; }

.avia_textblock.awesome-textblock {
background: rgba(255,255,255,.8);
padding: 10px;
width: auto;
}

.av-menu-button-colored {
background: F28163;
}

.main_menu ul:first-child > li > a { font-size: 16px; }

.single-portfolio .attachment-entry_with_sidebar.wp-post-image {
display: none;
}

I have now tried a few other methods with no results (I have cleared caches and history). Currently, I have put this in the Quick CSS section (further down this message I show what I have tried in functions.php per what the page in my last reply said–though I’ve tried all of this in Quick CSS too):
/* CSS – Subtext on right */

#top .logo,
#top .logo a {
overflow: visible;
}

/* Subtext styling */
.logo .subtext h1 {
font-size: 20px;
font-weight: 600;
}

.logo .subtext {
position: absolute;
top: 50%;
right: 0;
transform: translate(120%, -50%);
z-index: 999;
}

THIS is what is currently in functions.php per https://kriesi.at/documentation/enfold/logo/#toggle-id-1 — but as I said, I also tried putting this in quick css. . . I have also tried this alone in both places, and the css code alone in Quick CSS) :

add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= ‘<h1>Gate Healing, PLLC</h1>’;
return $sub;
}

Ok Victoria,

I’m getting there….with a lot of struggles. Any other suggestions? Like, hide logo and main menu, then create page with 3-column table and use that as header?

If the widget approach is best, few questions please:
1) How do I get the right side “GiftTalk.org” to top align with the left?
2) Need to drop the “&” symbol in between. The logo currently lands there. Suggestions. Can the logo be hidden or replaced with the example sites approach?

.header-site.header-boagworld:before {
font-family: sosaregular;
content: ‘&’;
font-size: 2em;
width: 1em;
position: absolute;
left: 50%;
margin-left: -.5em;
top: 1.45em;
color: #fff;
}

Thanks!

Hi Rikard,

I found out that one custom CSS in a different area (added by one person involved in this site) was overriding the default font size parameters. All good and solved now. Thank you

Hello Victoria,

Thank you for your help, it is much needed and appreciated!

What works: When the webpage is at larger desktop resolution and smaller mobile resolution, the logo size and padding looks great.

What doesn’t work:
1. At the medium in-between resolutions for tablets and larger devices, the logo becomes big with not enough padding.
2. The logo also jumps to the left with all the menu items appearing on the right changing its intended behaviour.
3. The logo appears not to be in the center of the page and the padding is larger on the left of the logo, creating more space between the logo and the first three menu items when centralised.

Here is the screenshot showing examples of what I mean https://i.postimg.cc/D0cTk1DY/Logo-Resize-Padding.png

I appreciate any assistance in making the logo scale down gracefully keeping its size and padding proportions, and fixing the logo centralisation and padding issue.

Here is the code I got from another forum post to centralise the logo. The code also includes yours.

Thank you so much!

@media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#header .av-main-nav li:nth-child(3) {
/* Adjust the width of the logo */
margin-right:200px;
}

#header .main_menu {
/*background: gold;*/
width: 100%;
left: 50%;
transform: translateX(-50%);
}

.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}

#header .logo {
left:50%;
transform: translateX(-50%);
z-index:999;
}

#header .logo img {
top: 50%;
transform: translateY(-50%);
max-width: 140px;
}
}

/* Header menu items */
#header .avia-menu-text {
font-weight: normal;
}

/* Centre align Copyright socket text */
.sub_menu_socket {
display: none;
}
#socket .copyright {
text-align: center;
width: 100%;
}

/* Make logo appear smaller on mobile and tablet resolutions */
@media only screen and (min-width: 780px) {
#header .logo {
left: 50%;
transform: translateX(-58%);
z-index: 999;
}
}
@media only screen and (max-width: 767px) {
.responsive .logo img {
width: 50%;
}
}

/* Constraining image sizes in lower resolutions */
@media only screen and (max-width: 767px) {
.avia-image { max-width: 50% !important; }
}