- This topic has 26 replies, 2 voices, and was last updated 9 years, 2 months ago by
.
-
Posts
-
Lead Developer
2. Not too sure what you mean?
2a + 2b. You have the right sidebar activated. You can remove it: https://generatepress.com/knowledgebase/choosing-sidebar-layouts/
I think we’re almost done, except for final things I know how to do, such as adding more pics, editing, and adding a the Contact form
BUT there is one thing more, you can probably help me with.
I used a text box, as you recommended, to place a logo at the top of the Sidebar.
This is what I want, but now I would like the navigation menu to be beneath it, BUT separate.
LOGO image
___________
NavigationI think this can be done in CSS, but I don’t know how.
Thank you so much.
Can you show me what you mean exactly? Separate how?
OK Here goes.. Remember I’m not a coder, just a very curious and logical person with couple of HTML and CSS books. But trying desperately to learn how this all comes together. AND, thanks to you, I think you’ll agree my questions are becoming more intelligent since I started wit GP a year ago.
Again, if you look at Millworkdesignstudio.com You’ll see what I’m trying to accomplish. If I understand correctly from the code below:
1. After the main </head> is ended, the next item is a page template which defines the overall background, text, etc.
2. Next is awhich defines and finally a <div/> which ends the mobile header3. Next a statement of the <!– !mobile nav–>
4. Next is a newwhich begins and defines the Sidebar. with <header> with logo,etc.
5. Next is a <div id=”mobilenavigation” class =hidden, etc. which lists all the <li id+”menu-items….
6. After the </nav> ends, the </header> likewise ends.
7. Next is a newwhich is a text box of sorts.
8. The newsbox ends.
9. Finally the various divisionsclose and the sideb ar ends. <k!– !end sidebar –>
I hope copying and sending this doesn’t violate any rules, ethical or otherwise.
Helen</head>
<body id=”home” class=”home page page-id-5 page-template-default”>
<!– !mobile nav –>
<header>
<nav id=”mobilenavigation” class=”hidden-xs”><ul id=”menu-menu” class=”menu”><li id=”menu-item-52″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-52″>Home
<li id=”menu-item-53″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-53″>About Us
<li id=”menu-item-66″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-66″>Services
<li id=”menu-item-62″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-62″>Our Process
<li id=”menu-item-61″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-61″>Kitchen
<li id=”menu-item-55″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-55″>Bath
<li id=”menu-item-57″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-57″>Commercial
<li id=”menu-item-59″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-59″>Custom
<li id=”menu-item-54″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-54″>Custom metalwork
<li id=”menu-item-56″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-56″>Blog
<li id=”menu-item-58″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-58″>Contact Us
</nav></header>
<h3>News & Announcements</h3>
<p>Coming Soon</p><!– !end sidebar –>
I suppose I’m not exactly seeing the difference between your site logo and their site logo.
Can you maybe show me a screenshot of the exact area you’re talking about?
Let me know 🙂
Hello Tom, I thought I was through, but still have a small problem. How can I put a text box with a border around it about a 1/2 inch or so down from the navigation menu on the left sidebar. I imagine it’s CSS, but I can’t figure it out.
Finally, I’ve gotten myself in a mess by changing the name of a page and now it wants a 301 redirect. Should I be able to get help with this from Word Press.org?
Anyway, except for review and minor edits and careful SEO, I’m about done — Many, many thanks to you.
I will write a nice, proper thank you on your site as soon I get this off to the hosting site – Tomorrow I hope.
HelenOh, Forgot to Say Happy New Year and best wishes for a successful joyous 2017. Helen Bastian
Happy New Year!
You should be able to use a text widget in the left sidebar area in Appearance > Widgets like this:
<div class="sidebar-box"> Your text </div>Then apply some CSS to it:
.sidebar-box { border: 1px solid #FFF; padding: 20px; }Let me know if this helps or not 🙂
When I put it into a widget it doesn’t work because:
1. The widget area is too wide as compared to the sidebar we set up.
It appears to me that the sidebar per your css code is not the same as the widget sidebar. I tried this before with the same results
2. The text goes to the top rather than at the bottom after the navigation menu.You can look at my site, dev.vhibuildingspecialties.com to see what I’m talking about. Is there some other way of adding the code than through the l-sidebar widget?
This is the last item before it goes to the hosting site, and I go to Mexico. Helen
Helen
In your CSS, try replacing
.gen-sidebar-navwith#left-sidebar.The CSS for your sidebar widget should go with your other CSS, not in the widget (https://docs.generatepress.com/article/adding-css/).
Not sure why your HTML isn’t rendering in your widget – maybe a plugin you’re using is stopping that from happening?
OK still trying – only problems now is that the site is live and I need to keep making some edits and additions.
1. Replaced as you suggested in simple CSS:.gen-sidebar-nav with #left-sidebar.
2. Added the code you suggested on Jan 2 at 11:48. No effect. You should be able to use a text widget in the left sidebar area in Appearance > Widgets like this:Then apply some CSS to it:
.sidebar-box {
border: 1px solid #FFF;
padding: 20px;
}
?? Is there a special way this should be added? Is it to be added to the Simple CSS NOT to the widget.I put the first code into Simple CSS at the bottom, then the .sidebar-box, etc. after that . I there a particular sequence that they should appear in. How to I “apply some CSS to it”?2: reCAptcha. Where do I put the snippet that goes before the closing </html> on the HTML template? I guess I’m asking if this and the snippet that goes after the the Contact 7 form. I.e. how do I get to the HTML template so I can edit it.
3.I need a simple way to get a return from the Contact Us page because there is no nav menu on that page?
Helen2. The HTML needs to go in the widget, while the CSS should be added using Simple CSS.
3. If those are the instructions, you can place it in the wp_footer hook in GP Hooks.
3. Not sure what you mean?
- You must be logged in to reply to this topic.
