I use performag theme from ThriveTheme and I have problem with the menu for cellphone.
It's a very big menu with a lot of sub-menus. ( It's not mine and I can't change it)
Performag theme use "#media only screen and (max-width: 768px)". But this theme open all sub-menu when you click on the hamburger menu, so if you want the last link in my menu, you have to scroll a lot.
So I changed the file css. Now it's "ok" but I have a trouble when I scroll. I can't scroll until the end.
http://dev.test.babylonradio.com/ You can look on my website with the inspector.
Thank you in advance.
Seems like this is an css issue. Try to use media query for mobile views.
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Related
I've created a filtered gallery with a plugin called GoGalleryPro for Wordpress. When you click on an image a lightbox opens showing the image.
Whilst the lightbox active i'd visible to be able to have social icons in the bottom left corner.
I've tried a couple of plugins and tried to write a snippet of code myself by no joy. Any guidance would be great!
Here is the link to the page in question;
http://176.32.230.43/wjwhites.co.uk/congress/
I like to use http://dimsemenov.com/plugins/magnific-popup/.
You will be able to add custom html within the pop up window.
I am new to wordpress and I want to get the same layout as sidebar template for my menu that I have added to my page. Below is the image of the sidebar template.
I want the blue color line effect at the top of the sidebar on my other menu sidebar that I have created. Below is the screenshot of the menu that I have added as a sidebar.
Can someone tell me how can this be achieved? Thanks in advance
If you can't achieve it with your plugins or your theme then you will have to do it by adding CSS.
To do this you still need a little knowledge in HTML and CSS.
If you want to fix it quickly the simplest way would be:
Inspect element (sidebar with blue line) with your browser
Find the CSS styles that you need
Create a CSS class and add the styles to it (in styles.css or (if your theme has one) in the custom css field)
Add this class to the sidebar (with a plugin like: https://wordpress.org/plugins/widget-css-classes/)
I would like to centralise logo between menu item in Wordpress dt the7 theme, is there any solution to solve this problem? Because currently the menu was using build in layout which is logo at the top and menu item at below.
I can't telling you exactly without seeing the problem, but you probably have to play with the line-height css property.
If you give us a clear example we will be able to help you more.
I have a few questions on how to adjust the top toolbar in WordPress when logged in. Firstly, how do I edit the site name section that has the drop down to take you back to dashboard when you are viewing site? Secondly, How do I edit the mobile versions of the toolbars?
Figured out what I was trying to accomplish, the remove_node function at http://codex.wordpress.org/remove_node
This allows me to select the navigations I don't want and remove them from the toolbar.
1) Dashboard->Settings->Site Title
2) You can find your admin bar CSS by visiting the following link: http://your.wordpress-site.com/wp-includes/css/admin-bar.css. Replace "your.wordpress-site.com" with the domain and path to your Wordpress installation to view the CSS.
The following Media queries are used for mobile display:
#media screen and (max-width: 782px){
...
}
#media screen and (max-width: 600px){
...
}
If you want to adjust how this displays in your theme, DO NOT overwrite the file in wp-includes. Just override the styles with your own by using more specific selectors in either style.css or a separate stylesheet.
How to make a WordPress theme (site) scroll horizontal. Here is one of the example I want my site to look like http://www.lucky8solutions.com/about/about-lucky-8-solution/
Thanks in advance
It's not as simple as changing one simple setting, you'll have to rework the whole theme.
This will get you started:
overflow-y:hidden; //hides vertical scrollbar
overflow-x:scroll; //always shows horizontal scrollbar