I want to embed the Vuejs Sidebar inside the page - css

I want to add the sidebar to the profile page under the Navbar, but I couldn't manage it.
I am using Vue JS Interna talwindcss.
Code library I use for sidebar : https://github.com/akahon/vue-sidebar-menu-akahon
Click for current image, you will understand better.
I tried to adjust the CSS settings, but somehow I could not place the sidebar under the navbar.

Related

Wordpress - widgets are not showing

i am using neve theme + elementor, and i am trying to add widgets to my footer, but nothing shows. I am going to Appearance>Widgets>then add text and images to all footer columns - 1,2,3,4 respectively and when i hit update, and refresh the site, nothing shows.
I have checked this answer here but i have not used any code in my case(only drag and drop with elementor), so the answer does not apply to me.
i have tried to disable elementor and all other plugins, but same thing, nothing shows.
if i go to appearance>Customize and select widgets this message appears:
Widgets are independent sections of content that can be placed into widgetized areas provided by your theme (commonly called sidebars). Your theme has 5 other widget areas, but this particular page doesn’t display them. You can navigate to other pages on your site while using the Customizer to view and edit the widgets displayed on those pages.
What am i doing wrong? Any help would be greatly appreciated !
L.E SOLUTION : So the solution for this issue (for the beginners of wordpress like me here that could have the same dilemma) is like Daniyal said that before adding widgets to your Header and Footer in the Appearance > Widgets you actually have to design the header/footer in the Appearance > Customize section, by defining through drag and droping which area of the Footer for example Footer 1 is or Footer 2 or so on. Once the areas are defined the widgets added in widgets section will appear in the correct areas defined by the user.
Do you create Footer with elementor?
If you create footer with elementor, so footer widgets not showing and you should drag and drop widget with elementor to footer to show widget
If you don't create footer with elementor, this problem is the Theme

Wordpress Mobile view Sidebar

Good day,enter image description here
I'm building an ecommerce website on wordpress
I have a sidebar on my products page but when on mobile view, the sidebar is seen after all the contents on the website.
Is there any way I can make a button that will be sticky and when its clicked the side bar will show on mobile view
I want it to lool like what's in the picture or the link below enter link description here
I'm using astra theme
Thank you...
Maybe u can inspect your browser (right click - inspect) and check your properties in elements when you click the "sidebar" html tag.
On the right side you will finde the Sytles properties where you can try out your changes.
I guess you have to adjust the width.
Edit: If you work with elementor you have the possibility to add css code in the tab "additional css".

Laravel Blade Recommended Design

I'm Laravel Newbie.
I would like to convert my Dreamweaver template to Laravel Blade.
There are a header, left-sidebar and right-content.
The header has a navigation bar with dropdown function.
Each navigation bar button is the one category.
Once click on the button, the sidebar will change.
Diff category has their own sidebar.
Each sidebar contains submenu.
Is it not only Blade's topic but also CSS topic?
Please advice.
It's Blade, CSS and probably backend topic as well (depending on what's powering your site at the moment).
You could create a master template (where you'd place header, footer, etc.)
A template for the sidebar and another template for the main content (these two templates would come included in your master template).

Drupal 7 theme css added to a views page when used as the front/home page

I am a CSS noob and I created a carousel using jCarousel. It works like it should as a page and with tabbed menus. The problem is the theme adds CSS to it when I go to /admin/config/system/site-information and make the view the default front page. It adds list bullets over each carousel item and changes the displayed item location.
I want to remove these bullets from the view but not the entire site. The development site can be seen at http://delphos.lib.oh.us/NewSite/
If you click on one of the "tabs" (red boxed buttons) the display problem goes away.
Any help would be appreciated.
TBG
Try looking for this line:
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {}
You can remove the whole line, or just remove the content attribute. Either should work.

How to put a widget in a page

I am new to wordpress and I am trying to figure out how menus relate to widgets. Is there a way I can add a widget to a page? Not on the side bar but in the page.
Not easily, I'm afraid :( However, a 'sidebar' in WordPress can be any container in your website. It does not necessarily need to be on the side of your page. You can use register_sidebar() in your functions.php file to create a new sidebar, then simply display the widgets in your new sidebar with dynamic_sidebar(). It's your CSS that places the sidebar on the side of your page. If you look at it that way, you can instead use CSS to make a horizontal 'sidebar' for instance. The name 'sidebar' will most likely change at some point in the future to better reflect that.

Resources