Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 9, 2017 at 9:06 am #874557
    greglowsdu

    Trying to achieve a look like this: http://www.sqldownunder.com (note each page name is in the page header large and bold)

    Is that possible?

    November 9, 2017 at 12:42 pm #874623
    Guenni007

    the concerning layout for the header is “logo left – menu below”
    but you like to have the active Page / Post as Text in the header to be seen. This is something which is not implemented in Enfold.
    Kind of breadcrump but only the title is seen in big bold letters in the header.

    There must be a possibility to get it. I’ll stick to the topic – and try to fiind a solution. – Maybe a mod has some idea to obtain that.

    November 9, 2017 at 1:09 pm #874631
    Guenni007

    this goes to your functions.php of your child theme:
    you can decide if it is h1 or something else 

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<h1 class='logo-title'>";
  $sub .= $page_slug = trim( $_SERVER["REQUEST_URI"] , '/' );
  $sub .= "</h1>";
  return $sub;
}

    and now it depends on your logo and header size which css will be in quick css:

    .logo img{float: left}
#top .logo, #top .logo a {overflow: visible }
#top .subtext {    float: left;
    position: relative;
    top: 50px;
    left: 60px;
}
    November 9, 2017 at 1:15 pm #874633
    Guenni007

    so – the one thing which i dislike of this fast solution – is that it will have the link option of the logo.
    and see here it works ( just the subfolder is visible because it is my testpage in a subfolder) https://webers-testseite.de/elegant/

    try this instead:
    you will now have no pointerevent on that title of the page

    but it will be best to see your life link to give any advice !

    
add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<a class='page-title' href= '#'>";
  $sub .= "<span class='the-title'>";
  $sub .= $page_slug = trim( $_SERVER["REQUEST_URI"] , '/' );
  $sub .= "</span>";
  $sub .= "</a>";
  return $sub;
}
    .responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    max-height: 80px;
    top: 50%;
    transform: translateY(-50%);
}

.responsive .logo a { display: block !important; }
#top .logo {overflow: visible; width: 100%}
.responsive #top .logo a:first-child { float: left; height: 100% !important}
.responsive #top .logo a.page-title {
    float: left;
    position: relative;
    pointer-events: none;
    padding-left: 2%;
    font-size: 1.5em
}

@media only screen and (max-width: 767px) {
.responsive #top .logo a:first-child { height: 80px !important}
.responsive #top .logo a.page-title {
    padding-left: 4%;
    font-size: 0.9em
}
}
    • This reply was modified 7 years ago by Guenni007.
    November 9, 2017 at 3:01 pm #874680
    Victoria

    Hi greglowsdu,

    Did you get it working with Guenni007 help or do you need more help?

    Best regards,
    Victoria

    November 10, 2017 at 12:25 am #874911
    greglowsdu

    Hi Folks, sorry for the delay. Different time zone.

    That’s pretty close already. I noticed that it grabbed the slug info. How do I get the actual page name ie: “Contact Us”.

    Also, any idea why the Enfold editor seems to hang when saving changes? Almost every time I change the Quick CSS, and then click “Save All Changes”, it does a spinning wheel and I lose all access to the site for a couple of minutes
    Regards,

    Greg

    November 10, 2017 at 12:36 am #874913
    Yigit

    Hi,

    Please change following line

    
  $sub .= $page_slug = trim( $_SERVER["REQUEST_URI"] , '/' );

    to following one

    
  $sub .= get_the_title();

    Best regards,
    Yigit

    November 10, 2017 at 12:41 am #874914
    greglowsdu

    You are all awesome thanks. Got it doing exactly what I wanted.

    Now if I could just solve the hanging part. Weird thing is that it hangs if I edit the CSS and then click Save. Does it nearly every time. But if I click around other elements of the page first, usually doesn’t hang.

    November 10, 2017 at 8:12 am #875052
    Guenni007

    but i’m looking for a solution which includes the anchor links – so that a onepage layout did work too.

    November 13, 2017 at 4:08 am #875918
    Ismael

    Hi,

    if I edit the CSS and then click Save

    Are you referring to the Quick CSS field? Please provide a screenshot from imgur or dropbox.

    Best regards,
    Ismael

    November 14, 2017 at 10:14 am #876520
    greglowsdu

    Yep, it’s like random. If I edit anything in the Quick CSS field, then click “Save all changes”, sometimes it takes about 1 second. Often though, it takes about 2 minutes to save. Bizarrely, it seems to relate to what else I’ve clicked as well. I never see it happen when I’m working with other fields and haven’t touched the Quick CSS one. Others always save fast. But I’ve become gun-shy of editing the Quick CSS field as so often it then takes forever to save. (I used to think it was hung, as the site wouldn’t respond during that time either).

    November 16, 2017 at 4:17 am #877339
    Ismael

    Hi,

    Thank you for the info.

    Please post the WP login details in the private field. We would like to check the General Styling panel.

    Best regards,
    Ismael

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