AH! That seems to do it!

Thanks again!
Jon

So now the question is this: If you visit my site, gatehealing.com , you’ll see that the line is below the top separator line for the breadcrumb/page-title area. I played with the code and could not get it to move up. I had gotten code when I first purchased the template to get rid of the line because we had moved the main menu down a little, and altered the breadcrumb line height. That’s why the code you provided didn’t work at first. Once I removed the code to remove the hover line, I didn’t need the code to put the line in, but I tried putting it back to attempt to move the hover line up . . .no luck.

I cleared my browser history/cache etc. and pasted the code exactly as it is in your code, but it didn’t do anything. I’m using Chrome browser.

Could any of the other quick css be getting in the way? Y’all have my login creds in the private data from my last response if that would help.

J

Oh, if you mean my name/company (text) isn’t supposed to show up with that code, no, it didn’t work. Just wanted to clarify.

J

I’ll give it a try. Thanks!
Jon

Seems to be . . . but I’ve managed to crash my entire site before doing some simple updates, so I’ve learned to be extra careful (and have backups!)

Thanks!
Jon

Hi Victoria,
I’m afraid I may have confused things with my 2nd post showing the large size of my name in the Customize screen on desktop . . .

This image is the one I am attempting to fix. . . the above code did not change the fact that my menu (when you open the burger icon) scrolls behind my name and company name. Here the problem I am having on mobile devices:

https://drive.google.com/open?id=1ZaPRpeMDNysGNW61WnKVcQRYwU9ncyEG

Jon

• This reply was modified 5 years, 9 months ago by gatehealing.

And here are screenshots of what I see in the Customize tool where I can pick Desktop, Tablet or Mobile using icons at bottom of left panel . . . I am using Chrome browser; these do seem to show up fine on my devices though–just thought you may want to know if this is a possible integration issue with WordPress

desktop:
https://drive.google.com/open?id=1Xb6MN6OaU0GvHSo62mYyHx_xkgErfZqu

tablet:
https://drive.google.com/open?id=1TE0oG-4xOoR4ImzZAyVn6DE0wipBMDWs

mobile:
https://drive.google.com/open?id=12pDKOcOdVQ4BDIrsGdUghOT1qPpG4SVU

Oh, that’s not quite what I’m talking about, apologies. Click on the burger menu lines, then the menu items (home, counseling services, individual counseling, marriage counseling, etc.) are what go behind my name/company. My battery is going to die any second, so I’ll attach screenshot when I get to recharge. . .. I will say that in viewport, before opening burger menu, my name/company is huge and formatted wrong, whereas on my iphone7 itself, it looks fine.

That’s perfect! Thanks!

Jon

Thanks Victoria, apologies for not responding as soon as you posted that reply, but replies were shut off for holidays.

That works, but once clicked into single post page, the image is no longer a smaller thumbnail and causes text to only be several characters wide.

Is it possible to have the image above the single page post vs to the side? Or at least a thumbnail the way it is on the Blog Posts Page?

JOn

PS I am going to remove the code since it makes the blog post itself nearly unreadable.

Just double checked to be sure I referenced “mobile” in thread title and in body of post;I did, but I didn’t do it every time I referenced screen, so it may have looked like all devices have the issue (80% of my traffic is mobile phones).

Sure, it’s there now.

J

I think this may be taking too much of y’all’s time for a relatively minor issue since having the subtext pushed over to almost center in landscape orientation on mobile phones isn’t really a big deal as it does not block access to the burger menu. I have reverted code back to what we had before most recent reply.

I really do appreciate all of the effort! Thank you a bunch.
Jon

I changed to (2%,-50%), and added the code you mentioned. Cleared caches in wordpress and iphone browser history/caches, but the subtext is still pushed to the right . . . that’s still really not a huge deal though. Here’s what i have in total for this — could the chunck of code in the Subtext Styling block be redundant? I do see that I have 102% there, but I think that section is for laptop/desktop (changing the 102% there to 2% causes the subtext to go all the way to the left and overlap the logo):

/*————————–*/
/* CSS – Subtext on right*/
/*————————-*/
#top .logo,
#top .logo a {
overflow: visible;
}
/*—————-*/
/* Subtext styling */
/*—————-*/
.logo .subtext h1 {
font-size: 20px;
font-weight: 550;
}

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

/*——————–*/
/* Hide logo in mobile*/
/*——————–*/
@media only screen and (max-width: 767px) {
.responsive #top .logo img {
display: none !important;
}
.responsive #top .logo .subtext {
transform: translate(2%, -50%) !important;
width: 235px !important;
}
.logo .subtext h1 {
font-size: 17px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.responsive #top .logo .subtext {
display: none !important;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}