Shop and Blog Page Titles

Support
#21

Thank you!
J

#22

You are most welcome!

#23

Hello,

Thank you for your assistance. After much work on my previous menu (https://theme.co/apex/forum/t/shop-and-blog-page-titles/26324/22) to perfect it, moving from one to two menu lines has created several issues:

  1. The assigned header including menus and a page title (inserted as another bar) has totally disappeared from https://denverhighrises.com/condo-reports/.
  2. The assigned header is not showing on https://denverhighrises.com/events/.
  3. The assigned header is showing on https://denverhighrises.com/news/, but the page title is split onto two lines and doesn’t contain the margins we previously perfected (see first link in post).

Thank you,
J

#24

Hello There,

Please understand that there is an on going issue where in you cannot assign a custom header for the product archives and other archive pages. To be able to force a custom header in these pages, you will have to add a custom function code. Please refer to this link to be able to have a custom header in your archive pages: https://xthemetips.com/assign-pro-header-search-results-page/1084/#comments

The link is using Search page as an example. You will need to modify it and add the archive pages in the condition as well. To know more about the WordPress conditions for the archive pages, please check this codex: https://codex.wordpress.org/Conditional_Tags

Lastly, the news page title is in two rows because you did not set a minimum width of at least 400 pixels in the container. You will need to edit your edit your header and set the minimum width.

Please let us know how it goes.

#25

Hello,

Thank you for your response, but please see the thread I previously linked to. Each of these issues was resolved but when I added a bar to drop the menu to a second line they appeared. There should be all the necessary CSS and JavaScript already in place.

Thank you,
J

#26

Hi there,

Would you mind providing a video recording? You mean the header is assigned there? I assume it’s a global header as it’s only possible on that setup, but yes, it should display the header once you assign it globally. I like to see a video of disappearing header when adding a bar.

I tried checking it but the header builder never loads on my end, and it has an internal server error. Perhaps you can provide your FTP login credentials as well?

Thanks!

#27

Hello,
I am not sure how to provide a video recording, but here are detailed screenshots for each issue:
1.

Thank you,
J

#28

Hello There,

You may use screen capture software to capture a video of your browser with your site in it and you may upload the video in Youtube so that we can check it. By the way, your screenshot were not posted. Could you please provide it in your next reply?

Thanks.

#29

Hello,
Sorry my previous post did not go through, but here are detailed screenshots for each issue:
1.

Thank you,
J

#30

HI J.

Unfortunately, the screenshot you tried to post in your previous response did not go through as well. Having these screenshot would help us see the issue you are seeing on your end so that we could provide you some solutions.

You may make a video recording and upload it to some sites like this: http://www.screencast.com/

Or you can post some screenshots and make sure you upload them to your replies correctly.

Thank you.

#31

So sorry my post once again did not go through. I was attempting to do everything via mobile, and for some reason was having issues.

Here are screenshots/explanations for the issues I am facing:

  1. Events page (https://denverhighrises.com/events/) is redirecting to home page instead of showing the correct page.
  2. Condo Reports page (https://denverhighrises.com/condo-reports/) not showing assigned header, which includes a menu and custom page title: https://prnt.sc/j2vz60.
  3. News page (https://denverhighrises.com/news/) is showing the assigned header, but the page title is split onto two lines and doesn’t contain the margins we previously perfected: https://prnt.sc/j2x9zy

Your team previously helped me set up the custom page titles I refer to above: https://theme.co/apex/forum/t/shop-and-blog-page-titles/26324/22. There is currently a bar containing the shortcode [awesome_landmark] in place on the Condo Reports and News pages, and the following code is in place.

This CSS is in place:
/Blog Header Margin and Padding/
.blog .x-header-landmark {
padding-top: 0px;
padding-bottom: 0px;
}

.blog .my-headline {
margin-top:65px !important;
margin-bottom:16px !important;
}
.blog .my-headline h1.h-landmark {
font-size: 49px !important;
line-height: 60px !important;
}

/Shop Header Margin and Padding/
.archive .my-headline {
margin-top:65px !important;
margin-bottom:30px !important;
}

.archive .my-headline h1.h-landmark {
font-size: 49px !important;
line-height: 60px !important;
}

/Shop and Blog Page Title Margins/
.archive .x-container>.offset {
margin: 0 auto 70px;
}
.archive .x-header-landmark {
padding: 0;
}

/Shop and Blog Header Min Width/
.myheadline .h-landmark {
min-width: 380px;
}

/Center and Reduce Page Title Sizes on Mobile/
@media (max-width: 480px){
body.archive .my-headline h1.h-landmark,
body.blog .my-headline h1.h-landmark {
min-width: 100%;
font-size: 49px !important;
}
}

And this Javascript is in place:
jQuery(’.blog h1.h-landmark span’).text(‘Condo News’);

Thank you,
J

#32

Hi weatherstone,

I’ve resaved the permalink structure settings from (WordPress Dashboard > Settings > Permalinks > Save Changes) and this has fixed this issue.

This Condo Reports page is a products-archive page, custom headers can’t be assigned to this type of pages unless you set the custom header as “Global”, please check this screenshot:

You missed adding my-headline class to the custom page title bar, I added it for you and the margin is now appearing fine:

Thanks.

#33

Hello,

Thank you so much for your assistance. The site has been moved over to DenverHighRiseLiving.com, and there are just a couple issues left.

  1. When scrolling on my iPad, the second bar disappears: https://prnt.sc/j3fjfx.
  2. Although I made the appropriate header global, the custom page title on https://denverhighriseliving.com/condo-reports/, is still not showing: https://prnt.sc/j3fk5e. In fact, even the basic header is not showing…
  3. The custom page title on https://denverhighriseliving.com/news/ doesn’t have the right margin like yours did above, and is not staying on one line: https://prnt.sc/j3fl07.

Thank you!
J

#34

Hello there,

  1. When scrolling on my iPad, the second bar disappears: https://prnt.sc/j3fjfx.

To fix this issue, first, kindly go to your Mobile Navigation bar and a class in the Customize tab. E.g. my-bar

Then, add this code into Pro > Theme Options > CSS:

.my-bar {
   z-index: 9999 !important;
   background-color: hsl(0,0%,0%) !important;
   min-height: 3em !important;
   min-width: 100% !important;
}
  1. Although I made the appropriate header global, the custom page title on https://denverhighriseliving.com/condo-reports/, is still not showing: https://prnt.sc/j3fk5e. In fact, even the basic header is not showing…

Sorry for the confusion. At the moment, as stated by @RueNel, you’ll not be able to assign a custom header for the product archives and other archive pages. Fortunately, there is an alternative way, but it needs customization and your deep understanding of how to use the template conditional tags to target a product category. Please see tutorial on the article below:

  1. The custom page title on https://denverhighriseliving.com/news/ doesn’t have the right margin like yours did above, and is not staying on one line: https://prnt.sc/j3fl07.

You currently have a margin-top set to 65px on your custom page title bar with .my-headline class. You can fix this by updating the margin-top to 0.

Hope this helps.

#35

  1. The bar disappearing when scrolling on my iPad now no longer appears in landscape mode, but the issue persists in portrait view: https://prnt.sc/j3nzof.

  2. I will review the article you sent, but the custom header was previously working, which is why @RueNuel and @paul.r and I were discussing the margins a couple weeks ago: https://prnt.sc/ixcp4b. I’m not sure what has changed, but I would love to have this page title working again.

  3. Margins fixed.

#36

Hi there,

This thread is getting longer and longer and gets out of context and I am so confused about the huge amount of information. This makes our job nearly impossible to help and we can not give you quality support as you need.

Please kindly open up separate threads for each problem that you are experiencing giving correct information and context for each case and we will be more than glad to help you out.

Please also include the login information and pages involved in the thread so that we can follow up the case.

Thank you for your understanding.

#38

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.