Forum Replies Created

Viewing 30 posts - 361 through 390 (of 468 total)
  • Author
    Posts
  • They are all created in Default editor . . . is it possible then for me to have thumbnail images show on my Blog Posts Page and in the themselves?

    J

    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

    in reply to: Move top menu down #1045385

    Looks good! Subtext pushes to right in landscape position, which leaves a large white space to the left, but I am not overly concerned about that. I’ll see if I can play a bit with it to get landscape orientation to bring subtext back over to the right.

    Thanks for everything!
    Jon

    I have reactivared caching and autoptimize. I think I have it figured out

    I have featured images set on all posts already, but they don’t show up on mobile Blog Posts Page or individual posts. Are you saying I could manually create another version of all of my posts (150ish published, and another 105 waiting)with a picture in the body of the post itself? I could do that only for the posts that reference the images, but then my presentation would be inconsistent to the user (some would have pix, some would not–on mobile).
    Is there not a way to change the mobile view to have the featured image as a thumbnail on Blog Posts Page and Single Posts? (on mobile devices–tablets and desktop/laptop already does this).

    J

    in reply to: Move top menu down #1044981

    AH! I bet that’s it. I use Firefox out of habit and familiarity, but I’ll change to Chrome.

    I will check chrome now and read the link you sent to help me learn it.

    Thanks again! I’ll be at my ipad in a bit. My guess is it will work just fine on that.

    Final question (I think): On my desktop/laptop, I just added the width line to move the subtext to the correct place (see below). Is there a more efficient way to do that where the distance from the edge of the logo is relative to the logo vs a defined pixel distance?
    Here’s what I have for now:
    /* Subtext to right of logo */
    .logo .subtext {
    position: absolute;
    top: 50%;
    right: 0;
    width: 275px;
    transform: translate(102%, -50%);
    z-index: 999;

    in reply to: Move top menu down #1044687

    Works great on my iphone7. I’ll check on my ipad2 tomorrow. Looking at tablet view in Appearance > Customize, it looks like subtext is pushed over to the right, and the white space to the left is clickable as logo area. I’m confused with that since if I’m reading the code correctly, it looks it says that between 768px and 1023px, that the subtext should be hidden, but the logo shown (which is what I want), but on that viewer, there’s no logo and subtext is present.

    I’m trying to learn this stuff as I go along.
    J

    Hi Victoria ,

    Autoptimize is deactivated and Caching is disabled. Logo and subtext are now visible.

    J

    PS My users cannot access the burger menu while I have those visible, at least on my iphone7. Bigger phones may not have the problem, but I want to be sure folks with older phones can access the menu easily.

    Thanks again!
    J

    in reply to: Move top menu down #1044568

    Thanks Mike,
    I only wanted to hide the Logo on mobile though. The burger menu on phones seems to leave plenty of room for my subtext on cell phones.

    I don’t have my ipad with me, so you may have given me code to hide subtext only on tablets and hide logo only on mobile.

    Thanks for the help.
    J

    For now, until I can get just the logo hidden only on mobile, and subtext hidden only on tablet, I have hidden the entire logo area with this (I changed max-width to 1030px):
    /* Hide logo in mobile*/
    @media only screen and (max-width: 1030px) {
    #main .av-logo-container {
    display: block;
    }
    #header .logo,
    #main .logo {
    display: none!important;
    }}

    I will continue to play with the code to try and figure out how to:
    1) Hide only the logo on mobile devices (because the burger menu prevents subtext from overlapping anything)
    2) Hide only the subtext on tablets (because tablets don’t have the burger menu, so the written items do overlap the subtext)

    Any help is much appreciated.

    in reply to: Move top menu down #1043971

    For now, until I can get just the logo hidden only on mobile, and subtext hidden only on tablet, I have hidden the entire logo area with this (I changed max-width to 1030px):
    /* Hide logo in mobile*/
    @media only screen and (max-width: 1030px) {
    #main .av-logo-container {
    display: block;
    }
    #header .logo,
    #main .logo {
    display: none!important;
    }}

    I will continue to play with the code to try and figure out how to:
    1) Hide only the logo on mobile devices (because the burger menu prevents subtext from overlapping anything)
    2) Hide only the subtext on tablets (because tablets don’t have the burger menu, so the written items do overlap the subtext)

    Any help is much appreciated.

    in reply to: Move top menu down #1043922

    Now I have subtext on 2 lines on my iphone 7, but burger menu is so close to the clickable subtext that you have to click below the burger menu to access menu, or else you get the logo subtext url that just takes you back to home page.

    There must be a workaround, like not showing logo on mobile, or putting subtext below logo on mobile?
    J

    Now I have subtext on 2 lines on my iphone 7, but burger menu is so close to the clickable subtext that you have to click below the burger menu to access menu, or else you get the logo subtext url that just takes you back to home page.

    There must be a workaround, like not showing logo on mobile, or putting subtext below logo on mobile?
    J

    in reply to: Move top menu down #1043611

    Thanks Mike,

    Regarding size of menu: When I added that code, my iPhone burger menu is tough to open because it is so close to the subtext (may be easier on a larger phone than an iphone7). When I scroll down through the menu items once the burger is open, the subtext remains and the menu items scroll through it.

    Regarding the subtext being at the right of the logo, see the code that I added in order to get it on desktop/laptop below (next sentence addresses that we may need to pick this up in thread specific to this topic). I don’t know if the way I accomplished it is the most efficient or not, or if there is a way to better accomplish it that builds in more effective responsiveness for mobile and tablets so that tap targets aren’t so close together (since subtext is clickable to same url as logo, and burger is right under it, as is search icon).

    I don’t know if this was the thing to do, but since this is a fairly specific new topic that is not directly related to the title of this thread, I started a new one: https://kriesi.at/support/topic/log-subtext-is-on-right-of-logo-but-words-stack-on-top-of-one-another/#post-1043479

    I added this to that thread earlier, however, while this seems to work on laptop/desktop, I get the subtext pushed to the right:

    I have basically figured it out on laptop/desktop by adding Width (also adjusted translate(xxx%, -50%) to the following code, but on mobile devices, it pushes it way over to the right. I will leave it as is for now so you can see it at https://gatehealing.com/ :

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

    Jon

    I have basically figured it out on laptop/desktop by adding Width (also adjusted translate(xxx%, -50%) to the following code, but on mobile devices, it pushes it way over to the right. I will leave it as is for now so you can see it at https://gatehealing.com/

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

    Jon

    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;
    }}

    in reply to: Move top menu down #1042938

    I put this in the other thread, but I have not seen a response in several days, so I don’t know if it will be seen–if it was marked as read, I know it won’t be seen:

    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;
    }}

    in reply to: Move top menu down #1042848

    Hi Mike,
    My website is https://gatehealing.com/
    Yes, I had discovered the code for subtext to the right of the logo, but it has been stacking words on top of one another vs extending them out to the right.
    I’ll try the code you gave me just to get the menu down a little bit for now.

    J

    in reply to: reduce space above and below breadcrumb text #1042552

    There we got! Thanks Rikard! Y’all can close this one.

    Best,
    Jon

    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

    in reply to: reduce space above and below breadcrumb text #1042182

    And again, you take your car to the mechanic and suddenly it’s fixed. I found that the line height thing DOES work in Advanced styling for H1 (vs breadcrumb element I tried before to reduce the height of that area) and I only apply it to logo area.

    Still be good to shrink that breadcrumb are height though.

    J

    in reply to: reduce space above and below breadcrumb text #1042175

    Alternatively, if I can reduce the space between the 2 lines of my subtext, that would work as well since the amount of change I need now is pretty small.

    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.

    After a lot of experimenting, I discovered that in the infinite wisdom of the Yoast folks (love the plugin for the most part, but this seems really odd), they manage to pull the Twitter image info from the Facebook settings in their plugin.

    You can close this thread.

    Thx
    J

    No prob on delay. I’ve got the major stuff up and running. . .just small tweaks like this now. I have a temporary solution with the subtext under the logo, and that fixes the overlap issue as well. Will play with settings for having it to the right and another slight customization I’d like to use. Will post new thread if I cannot find it (and if history says anything, it says that minutes after I post a question, I’ll find the dang answer).

    Jon

    Ok, I have this sort of working, but the new issue on mobile subtext in wrong place seems like it should be new thread. Will look for fix in documentation, but if it’s not there, I’ll start new thread unless y’all prefer for me to put it here.

    J

    Good night’s sleep cleared one thing up. . . for some reason, I had the above code twice, and the second one was missing a bracket. . . I removed the 2nd (since it was duplicate and was missing the bracket) and now I do see the business name. . .

    Now to find how to change font and to get it not to stack up like that.

    J

    I am seeing this Quick CSS from another ticket is conflicting:
    @media only screen and (max-width: 989px) and (min-width: 768px){
    .responsive #wrap_all .logo a, .responsive #wrap_all .logo img {
    max-width: 200px;
    }
    }
    @media only screen and (max-width: 989px) and (min-width: 768px){
    .responsive #wrap_all .logo a, .responsive #wrap_all .logo img {
    max-width: 200px;
    }

    Even when I remove this, the words “Gate Healing, PLLC” are stacked on top of one another and are using a very blocky font. I will keep reading to see if I can figure out how to use a little nicer looking font and stretch out the area for the words a bit. If it’s an easy thing you know off hand, great, but I don’t mind digging a little more.

    Is there a way to keep the previous Quick CSS so I don’t lose those benefits?

    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, the subtext code on the Documetation page reads like this, so it may need to be corrected (?):
    Image logo with subtext
    You can add subtext to your logo by adding following code to Functions.php file of your child theme in Appearance > Editor
    The code below will wrap your subtext in a H1 tag, we will add custom CSS to style it.
    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= ‘<h1>Company Name</h1>’;
    return $sub;

    On this page https://kriesi.at/documentation/enfold/logo/#toggle-id-1

Viewing 30 posts - 361 through 390 (of 468 total)