Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 7, 2018 at 7:01 pm #1042156
    gatehealing

    Regarding https://gatehealing.com you’ll see that I have subtext under the logo. I would prefer to have it to the right, lined up with the logo itself (top/bottom of subtext lines up with top/bottom of logo–I think I could play with font size/logo size to get that).

    So, basically, I have two possible questions:
    1) If possible, I’d like to change to subtext on the right (I have the code to do that), but would need to have Gate Healing, PLLC on one line, and Joanthan F. Anderson, LPC-s on the next.

    2) If it’s too complex to accomplish #1, I am ok leaving subtext under the logo, but would prefer to still have the subtext on 2 lines as above. I searched documentation for Logo and Subtext and cannot find this. I have played with the code for a few hours and cannot quite get it.

    Is it possible?

    Thanks y’all
    Jon

    December 7, 2018 at 7:16 pm #1042164
    gatehealing

    Of course, I figure it out immediately after posting. . . .sort of.

    I simply added another $sub line:
    $sub .= ‘<h1>Jonathan F. Anderson, LPC-s</h1>’;
    $sub .= ‘<h1>Gate Healing, PLLC</h1>’;

    I am now having to play with font size and logo size since it subtext spills into breadcrumb line, but custom pixel header to 200px makes header way too big. Working in Quick CSS altering Logo subtext font size and Logo size, and the margin on top of logo.

    I think I am on right track.

    December 7, 2018 at 10:58 pm #1042238
    Jordan Shannon

    Hi,

    Great! I’m glad you got to a solution. Did you need additional help, or shall we close this thread?

    Best regards,
    Jordan Shannon

    December 7, 2018 at 11:02 pm #1042240
    gatehealing

    Well, I’d still like to be able to get the subtext on 2 lines to the right of the logo, but I’m struggling with how to extend the area to the right of the logo enough to fit the company name on one line, and my name on one line.

    J

    December 10, 2018 at 6:46 am #1042939
    gatehealing

    As I mentioned, I have the code to put the subtext on the right.
    I also found the code to change the size of the logo, but if I change the width to less than about 300px, I begin to get words stacked on top of each other, and I cannot seem to get the words up against the logo. I am guessing I’ll need this to be responsive for mobile devices, but I think there is other code for doing something different on mobile devices (right?) :
    #top .logo ,
    #top .logo a {
    width: 300px;
    }
    @media only screen and (max-width: 767px) {
    #top .logo ,
    #top .logo a {
    max-width: 60% !important;
    width: 60% !important;
    height: auto;
    }}

    December 14, 2018 at 4:49 pm #1045322
    Yigit

    Hi,

    Sorry for the late reply!
    I checked your website and subtext is on the right of your logo and in two lines. Have you figured it out already?
    If you have not, please post a screenshot showing the issue you are having. You can upload your screenshots on an image sharing website such as https://prnt.sc/ and share links here :)

    Best regards,
    Yigit

    December 14, 2018 at 7:02 pm #1045387
    gatehealing

    No prob. I’ve basically got it . . . now just trying to sort out how to get subtext to not push to the right in landscape orientation of cell phones. That’s not a huge deal though.

    Thansk!
    J

    December 15, 2018 at 11:10 am #1045616
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
@media only screen and (max-width: 767px) {
.responsive #top .logo .subtext {
    left: 0;
}}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.