beachsand14

Hi @cyclades, can you please share your solution for this? I’m in the same boat. Thanks in advance.

Sorry, looks like I didn’t get the answer I was looking for.

I’m still unable to add the following, like the demo page:

Welcome

The content of the panel page template is displayed here.
This is a great place to add your “call to action” with a brief message.
The image behind this text is added as a featured image.
If you wish to add a button like below, use CSS classes: button minimal.

BUTTON

I finally found the answer.

Add an introduction to your site in the editor.
Add Featured Image, which will be displayed behind the text in that panel.

https://wordpress.com/theme/shoreditch

I got the answer.

• This reply was modified 7 years, 5 months ago by beachsand14.

Cheers @congthien I’m trying it out as we speak!

Hi, how do I remove the header image from the homepage only? It overlaps with my hero image and it looks bad.

Thanks

Cheers @congthien

It worked partly. When I adjust the size of my browser, the mobile menu is gone because I don’t see the icon (as expected). The problem is my nav menu links are gone too. How do I display the menu links in any size adjustment? Just the links, not the mobile menu.

Example: If you resize your browser and see the FAQ and Help button, you wil notice Google Wallet does not have a mobile menu.

https://www.google.com/wallet/

Cheers @congthien I will try it out

Hi @congthien, sorry I didn’t explain well. What I mean is, how do I hide the excerpt page from public view / access (from a url https://www.example.com/excerpt) but still display it in the service section on the home page?

Cheers
BJ

I tried another accordian script and it doesn’t work in my WordPress text editor.

<!-- JS -->
<script type="text/javascript">
  $(document).ready(function($) {
    $('#accordion').find('.accordion-toggle').click(function(){

      //Expand or collapse this panel
      $(this).next().slideToggle('fast');

      //Hide the other panels
      $(".accordion-content").not($(this).next()).slideUp('fast');

    });
  });
</script>

<!-- CSS -->
<style>
  .accordion-toggle {cursor: pointer;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}
</style>

<!-- HTML -->
<div id="accordion">
  <h4 class="accordion-toggle">Accordion 1</h4>
  <div class="accordion-content default">
    <p>Cras malesuada ultrices augue molestie risus.</p>
  </div>
  <h4 class="accordion-toggle">Accordion 2</h4>
  <div class="accordion-content">
    <p>Lorem ipsum dolor sit amet mauris eu turpis.</p>
  </div>
  <h4 class="accordion-toggle">Accordion 3</h4>
  <div class="accordion-content">
    <p>Vivamus facilisisnibh scelerisque laoreet.</p>
  </div>
</div>

https://uniondesign.ca/simple-accordion-without-jquery-ui/

Hi, @jaycbrf sorry about that. Here are steps to reproduce the issue. Any help is appreciated. I signed up for w3school forum but it takes time to approve my account. Thanks again

1. Go to WordPress Dashboard
2. Click Pages.
3. Paste the following code into text editor.
4. Click Update.
5. Go to the updated page and click on any of the buttons.

Result: Javascript accordian does not work and is expanded by default

• This reply was modified 7 years, 7 months ago by beachsand14.
• This reply was modified 7 years, 7 months ago by beachsand14.

I have resolved the issue. I think I just forgot to refresh the page. I have to refresh twice in order to see a change. Thanks for your help.

@congthien. Sorry to make it hard for you. I can’t share it because it has my personal info.

Hi @congthien

Sorry, I am unable to share my site because it has my personal info. Can you please advise me using the demo site?

Cheers

Brody James

Thanks @congthien,

It partially works. I have hidden a menu item in the nav bar. However, it hides the menu item in the responsive menu as well, which is not what I want. What can I do to keep the menu item in the responsive menu but leave it out of the nav bar?

@media (min-width: 768px ) {
.onepress-menu li.custom-class { 
  display : none ; 
} 
}

Cheers
Brody James