Forum Replies Created
- Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236
lulugoh
ParticipantWarning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220This is a big problem…..I’me changing menu title to fit in navbar,
but the last title (which is “Contact) has turn into “More”.
I don’t know how to solve it,
looking forward the new version!AdvertismentDeprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236lulugoh
ParticipantWarning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220WP GOOGLE MAPS plugin is not working for sure…
Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236lulugoh
ParticipantWarning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220I know onedesign is working on new version to fix this problem,
but I’ve no time to wait,
so I check the navbar sidebar using web browser under check element and found out the menu bar and its container is set to fixed height 80px (with large menu selected), so I’ve tried to select all setting which included “80px” (I know I’m stupid but I’m a struggling graphic designer…) and change to my logo size which is “150px”, here its the code I’ve copied to Appearance/theme option/design/custom css:Please delete everything in “(description for wp newbie as me)”
__________________________________________________
.body-navbar-offset {
margin-top: 50px;
}@media (min-width: 768px) {
.body-navbar-offset {
margin-top: 60px;
}
}@media (min-width: 992px) {
.body-navbar-large.body-navbar-offset {
margin-top: 150px; (<–changed to your logo height)
}
}.admin-bar .navbar-fixed-top {
top: 32px;
}@media (min-width: 992px) {
.navbar-large {
min-height: 150px;(<–changed to your logo height)
height: 150px;(<–changed to your logo height)
}
}
@media (min-width: 992px) {
.navbar-large a.navbar-brand {
padding: 16px 15px;
line-height: 48px;
height: 150px;(<–changed to your logo height)
}
}@media (min-width: 992px) {
.navbar .nav > li > a {
max-height: 60px;
}.navbar-large .nav > li > a {
max-height: 150px;(<–changed to your logo height)
padding: 30px 20px;
}.navbar-large .nav > li.menu-item-has-description > a {
padding: 20px 20px 18px;
}
}
.navbar-brand > .site-logo {
display: inline-block;
width: auto;
max-height: 48px;(<–changed to your logo max height in mobile)
vertical-align: top;
-webkit-transition: height .25s ease, max-height .25s ease;
-moz-transition: height .25s ease, max-height .25s ease;
-ms-transition: height .25s ease, max-height .25s ease;
-o-transition: height .25s ease, max-height .25s ease;
transition: height .25s ease, max-height .25s ease;
}@media (min-width: 992px) {
.navbar-large .site-logo {
max-height: 120px;(<–changed to your logo height in normal web browser which smaller than container height)
}
}
_________________________________
So the css code involve 2 parts:
1. Container which restrain the menu and logo size.
2. Logo height in both normal web browser and mobile browser.At first I’ve made a mistake,
I thought @media is only affect mobile setting which its actually affect the logo size in normal web browser!
Hopefully this help to newbie!Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Deprecated: Function get_magic_quotes_gpc() is deprecated in /var/html/dev/wp/wp-includes/formatting.php on line 4371Notice: Trying to get property 'comment_author_email' of non-object in /var/html/dev/wp/wp-content/plugins/fv-gravatar-cache/fv-gravatar-cache.php on line 236lulugoh
ParticipantWarning: Cannot modify header information - headers already sent by (output started at /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php:340) in /var/html/dev/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_wp.class.php on line 220After 2 days of struggling,
finally,
I found out how to change the logo size.
Copy this under Appearance/Edit CSS:.navbar-brand > .site-logo {
display: inline-block;
width: auto;
max-height: 120px;
vertical-align: top;
-webkit-transition: height .25s ease, max-height .25s ease;
-moz-transition: height .25s ease, max-height .25s ease;
-ms-transition: height .25s ease, max-height .25s ease;
-o-transition: height .25s ease, max-height .25s ease;
transition: height .25s ease, max-height .25s ease;
}Change the “max-height: XXXpx” to the size you like.
BUT….
my Navbar (Menu bar) shrink to “MORE”….
please help!PS: I MUST have a bigger logo otherwise my superior will reject the design for sure.