Page Header in mobile mode

- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  hi!
  
  I have a question regarding the Specular page header in mobile mode.
  
  The page header is shown on all pages (80px) except on the homepage where it is disabled, because we use the slider.
  
  When we view this page in mobile mode (slider is disabled on mobiles) you will see a white margin before the first text. This is the container for the page header. When I enable the page header it shows the page title in this white margin.
  
  Is it possible to remove the page header container in mobile view (when the page header is disabled)?
  
  Thanks!
  
  Jeroen
  
  When viewed on a mobile (in mobile view I disabled the slider) the 80px of the page header
  
  When it’s enabled you will see a white margin below the slider.
- 9 years, 9 months ago Mirela
  Participant
  Hello,
  
  You can remove the page header content in mobile view by adding this code into your custom css box:
  
  @media (max-width:480px){ .home .header_page { display: none;} }
  
  Sorry but it’s not possible to remove the page header container in mobile view,when the page header is disabled.
  
  Best regards!
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Hi,
  
  Thank you for your reply!
  Sorry for the late reaction, I missed the notification….
  
  This my website: https://www.raam67.nl
  
  I tried adding the code to the custom css, but sadly that didn’t work.
  
  See here: https://dl.dropboxusercontent.com/u/279281/slangenstaal-screen-portfolio4.PNG
  
  I also have some other questions you maybe can help me with? I run into several problems with the portfolio.
  
  In the portfolio the title and breadcrumbs are visible:
  https://dl.dropboxusercontent.com/u/279281/slangenstaal-screen-portfolio3.png
  
  But in a single portfolio page the title and breadcrumbs are missing:
  https://dl.dropboxusercontent.com/u/279281/slangenstaal-screen-portfolio2.png
  
  I tried solving this through the page header settings in the portfolio item but that didn’t work.
  
  Is it possible to modify the navigation of the slider in a portfolio item via the theme settings?
  See: https://dl.dropboxusercontent.com/u/279281/slangenstaal-screen-portfolio1.png
  I want to make the bars lighter and the navigation buttons darker so they stand out more.
  
  Best regards,
  
  jeroen
- 9 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Please send us your wp credentials in a private reply. We can set these up for you.
  
  Best regards!
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 9 months ago Mirela
  Participant
  Hello,
  
  1-I reduce the page header height in mobile, i edited the code above to this:
  
  @media (max-width:480px){ .home .header_page { display: none !important;} .header_1.fullwidth_slider_page .top_wrapper{ padding-top: 0 !important;} }
  
  Please check your site.
  2-You had not set ON active page header in portfolio item General Settings > Page Header Options. Also you have added some code making page header height 0(screenshot), or if you didn’t, then one of the third party plugins may have affected it.
  Please update visual composer plugin as well, you have an old version.
  
  3-Sorry but is not possible to change portfolio item slider arrows layout via theme settings. You can change them with css.
  
  Best regards!
- 9 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Here is the one of the portfolio items with breadcrumbs displayed, https://www.raam67.nl/projecten/sluis-weurt/
  
  Best regards!
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Hi! Thank you so much!
  
  I noticed a little problem though… on mobile and desktop when you visit a page (not a portfolio item) the pagetitle is cut in half.
  
  See screendump: https://dl.dropboxusercontent.com/u/279281/slangenstaal-screen-2.PNG
  
  and: https://dl.dropboxusercontent.com/u/279281/slangenstaal-screen-3.png
  
  Best regards,
  
  jeroen
- 9 years, 9 months ago Mirela
  Participant
  Hello,
  
  I edited this code: .header_page h1 { padding-top: 36px !important;} to this:
  
  .header_page h1 { padding-top: 0 !important;} .single-portfolio .header_page h1 { padding-top: 36px !important;}
  
  Please check your site.
  
  Best regards!
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Hi, great thank you!
  
  I just found out that I can only show 9 portfolio items.
  
  Is it also possible to show unlimited items?
- 9 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  To display more portfolio items, please check out this article.
  
  Best regards!
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Great support!
  
  Thank you!
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Hi!
  
  Just a few more questions… sorry!
  
  – Is it possible to change the layout of a portfolio category page? My client wants this page look similar like this. But only show portfolio entries from the chosen category.
  
  – Is it possible to disable the navigation buttons on the left and right side on a single portfolio page? I mean the buttons that makes it able to skip through all portfolio entries.
  
  Best regards,
  
  Jeroen
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  – Is it possible to change the layout of a portfolio category page? My client wants this page look similar like this. But only show portfolio entries from the chosen category.
  
  < I found out that this needs adjusting in the specular settings > blog settings. The only difference is that it shows the title, date, posted by and intro text.
- 9 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  The portfolio category takes the layout from blog configuration. So to setting blog to masonry style, will make the portfolio category display in masonry style as well.
  -To remove the left/right navigation buttons in portfolio, please add this code into your custom css box:
  .single-portfolio .nav-growpop { display: none;}
  
  Best regards!
- 9 years, 9 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Thanks!!!
- 9 years, 8 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Hi!,
  
  Just another small question…
  
  I added some portfolio items and now my client wants to change the order of the items.
  
  In wordpress I changed the publication dates of the itemsm but this has no effect on the portfolio page. Strange thing is that on the portfolio entry page per category the order is changed.
  
  For instance:
  
  I changed the item “Hopper” to be the newest item.
  
  On my portfolio page it is shown as third: https://www.raam67.nl/projecten/
  
  On the category page it is on top: https://www.raam67.nl/portfolio_entries/apparaten-en-machinebouw/
  
  Is there a fix that everything is in order of publish date?
  
  Thansk!
  
  Best regards,
  
  Jeroen
- 9 years, 8 months ago StudioSteenbergen
  Participant
  
  Expired
  
  Hi, did you change anything?
  
  the portfolio slug in theme settings does not seem to work anymore.
  
  Theme settings show: projecten (https://www.raam67.nl/projecten/constabelbrug-edam-volendam/)
  
  URL does not work anymore.
  
  when changed to ‘portfolio’ the urls work (https://www.raam67.nl/portfolio/constabelbrug-edam-volendam/)
  
  Please help!
- 9 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  Sorry for the late reply.
  No, we haven’t logged in (you can check site revisions). It looks like you changed the portfolio slug. Now just reset the permalinks in Settings > Permalinks and it will be ok.
  Regarding the portfolio items order, that is not possible by theme default settings. but you can use any third party plugin to achieve this.
  We can suggest “Post Type Order” plugin.
  Let us know if you need further help.
  
  Best regards!

Viewing 18 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login